A select that contains additional buttons will trap focus so that once tabbed into, forward tab will only tab between the select button and those additional buttons, with no way to reach other elements on the page. Shift+Tab is not trapped.
🤔 Expected Behavior?
You can tab through the select button and sibling buttons to other elements on the page.
😯 Current Behavior
You cannot tab to other elements on the page once tabbed to the select button and sibling buttons.
Provide a general summary of the issue here
A select that contains additional buttons will trap focus so that once tabbed into, forward tab will only tab between the select button and those additional buttons, with no way to reach other elements on the page. Shift+Tab is not trapped.
🤔 Expected Behavior?
You can tab through the select button and sibling buttons to other elements on the page.
😯 Current Behavior
You cannot tab to other elements on the page once tabbed to the select button and sibling buttons.
💁 Possible Solution
No response
🔦 Context
No response
🖥️ Steps to Reproduce
The behaviour is reproducible in the example of the "State" section of Select component docs.
Version
1.3.3
What browsers are you seeing the problem on?
Firefox, Chrome
If other, please specify.
No response
What operating system are you using?
Linux
🧢 Your Company/Team
No response
🕷 Tracking Issue
No response