Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Select] Allow to **not close** the items dropdown on blur #3263

Open
mgol opened this issue Dec 2, 2024 · 0 comments
Open

[Select] Allow to **not close** the items dropdown on blur #3263

mgol opened this issue Dec 2, 2024 · 0 comments

Comments

@mgol
Copy link

mgol commented Dec 2, 2024

Feature request

Overview

I'd like to be able to make Select options/items not hide on blur, but also on clicking on the overlay, tabbing away, etc.

This is already the behavior for the Popover component, for example.

Examples in other libraries

Other libraries are split in behavior:

  • Headless UI' Select: hides on blur. It uses native select under the hood; since native select also hides the options on blur, that's also what Headless UI does.
  • React Aria' Select: does not hide on blur, only when you click on the overlay, tab away, etc.

Who does this impact? Who is this for?

This should be useful for all developers working on Select items styling.

Additional context

Working on styling of Select options is currently hard because as soon as you click anything in DevTools, the dropdown with the items closes. It'd be great to either change this behavior or to allow to override it.

Note that this seems isolated to Select - Dialog or Popover don't have a similar behavior.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant