Select, DropdownMenu - keyboard interactions are not working as expected in Shadow DOM #2606
Description
Bug report
Current Behavior
When Select or DropdownMenu component is used in Shadow DOM and its content is open, arrow keys are not working correctly. After pressing the ArrowDown key, the focus is moved to the last item of the list and vice versa, if ArrowUp key is pressed, the focus is moved to first item.
Expected behavior
When focus is on an item, ArrowDown key should move focus to the next item, ArrowUp should move focus to the previous item also in Shadow DOM.
Your environment
| Software | Name(s) | Version |
|---|---|---|
| Radix Package(s) | select, dropdown-menu | 1.2.2, 2.0.5 |
| React | n/a | 18.2.0 |
| Browser | all browsers | |
| Assistive tech | ||
| Node | n/a | |
| npm/yarn | ||
| Operating System |