Select, DropdownMenu - keyboard interactions are not working as expected in Shadow DOM

[alexandravassova]

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

[MartinDavi]

I see the same with toggle group as well.

[abrehamgezahegn]

Also experiencing the same issue.

[abrehamgezahegn]

I have opened a PR for this here https://github.com/radix-ui/primitives/pull/2712

[QuocThuanTruong]

I got the same issue :((( Please fix it