Skip to content

Combobox closes when attempting to interact with the Section Headers #9215

@stevegreco

Description

@stevegreco

Provide a general summary of the issue here

When trying to click on/highlight the text for a Section header in the Combobox, it actually closes the Combobox

This can be seen in the docs example for the Combobox sections.

https://react-spectrum.adobe.com/react-aria/ComboBox.html#static-items

🤔 Expected Behavior?

You should be to click on/highlight the text of the Header. This does seem to work correctly in the Select component, so my expectation would be that it works the same. The Combobox should not close until an actual selection is made.

😯 Current Behavior

Current behavior is that clicking on the section header or attempting to highlight its text will close the Combobox completely.

💁 Possible Solution

No response

🔦 Context

The real work scenario here is that if someone wants to highlight the text of the Header and copy it.

🖥️ Steps to Reproduce

Open the ComboBox example on the docs site, try to highlight the text of the Header to copy it.

https://react-spectrum.adobe.com/react-aria/ComboBox.html#static-items

Version

1.13.0

What browsers are you seeing the problem on?

Chrome

If other, please specify.

No response

What operating system are you using?

MacOS

🧢 Your Company/Team

No response

🕷 Tracking Issue

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions