Skip to content

GridList: selectionBehavior="replace" ignored when clicking checkbox with slot="selection" instead of GridListItem #9117

@kevinolsson

Description

@kevinolsson

Provide a general summary of the issue here

So we've been using Checkboxes inside our GridList. For the most part it works well as long as slot="selection" is passed. It does not however, seem to respect selectionBehavior="replace".

Pressing on the GridListItem itself seems to still work. Keyboard interactions seems to work. Its just that the checkbox itself doesn't inherit this interaction.

🤔 Expected Behavior?

Expected behavior would be to replace the selection with the checkbox that had just been selected. No different form if you had selected the row the checkbox is on.

😯 Current Behavior

Current behavior is that the toggle behavior is still followed. So when selecting a checkbox inside a GridList with selectionBehavior="replace" it simply adds the checkbox to the existing selection, instead of replacing the selection with said checkbox.

💁 Possible Solution

No response

🔦 Context

No response

🖥️ Steps to Reproduce

Simply pass selectionBehavior="replace" to any GridList examples that have checkbox with it.

Version

"react-aria-components": "1.12.0",

What browsers are you seeing the problem on?

Chrome

If other, please specify.

No response

What operating system are you using?

macOS Tahoe 26.0.01

🧢 Your Company/Team

Ubiquiti/Design System

🕷 Tracking Issue

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions