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

[Bug]: Combobox with "open: true" disables other input elements on the page #1569

Closed
ismailsabet opened this issue Jan 19, 2025 · 1 comment
Labels
bug Something isn't working v2

Comments

@ismailsabet
Copy link
Contributor

Environment

Developement/Production OS: MacOS Sonoma 14.3.1 (23D60)
Node version: 20.16.0
Package manager: [email protected]
Reka UI version: 1.0.0-alpha.8
Vue version: 3.5.13
Nuxt version: 3.15.1
CSS framework: [email protected]
Browser: Chrome 90.0.4430.212

Link to minimal reproduction

https://codesandbox.io/p/devbox/tender-orla-ztfmym?workspaceId=ws_4Y2vvn6huwJiEqzq8Fbk58

Steps to reproduce

  1. Create a command wrapper using the combobox guide at https://reka-ui.com/docs/components/combobox#command-menu
  2. Add it to any Nuxt page that has another input element
  3. Try to press on the input element (it will focus the ComboboxInput)

Describe the bug

When ComboboxRoot has the "open" prop, then ComboboxInput takes the focus from any input element on the page.

In the reproduction link, try to click on the input that says "Try to click on me" and it will instead focus on the ComboboxInput.

Expected behavior

No response

Context & Screenshots (if applicable)

No response

@ismailsabet ismailsabet added the bug Something isn't working label Jan 19, 2025
@zernonia zernonia added the v2 label Jan 28, 2025
@zernonia
Copy link
Member

Thanks for the issue @ismailsabet ! Updated the docs 31331bc 😁

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working v2
Projects
None yet
Development

No branches or pull requests

2 participants