downshift-js / downshift

🏎 A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components.

Home Page:http://downshift-js.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

tabbing to next focusable element when combobox menu is open

sgrund14 opened this issue · comments

  • downshift version: 7.6.0
Screen.Recording.2023-07-07.at.4.09.31.PM.mov

Problem description:

as seen in the screenshot, when the combobox menu is open, tabbing to the next input stop working. it unfocuses the element, closes the menu, and actually moves the focus to a modal higher up in the component tree, strangely. However, when the menu is closed, tabbing works as expected.

wondering if anyone's run into this behavior before, or if there is a standard way of dealing with it.

Suggested solution:
focus should switch to the next input when the menu is open

There is little we can do to investigate this issue without an environment to reproduce the issue. Can you create a sandbox?