Clicking on the Select.Trigger inside a shadow root causes the dropdown to reopen while the dropdown is visible

[ivancuric]

When a Select.Trigger is inside a Shadow root (open or closed), clicking the trigger will close and quickly reopen the dropdown.

Not sure how the popper.js / floating UI works, but might be caused by aria attributes not working across shadow root boundaries: https://nolanlawson.com/2022/11/28/shadow-dom-and-accessibility-the-trouble-with-aria/

Repro:
https://stackblitz.com/edit/github-3ajpxj-zm9mjo?file=src%2FApp.tsx

This behaviour can be reproduced even without a Select.Portal, or by mounting the portal inside the shadow dom.

Possible related issue: floating-ui/floating-ui#2420

[ivancuric]

Could possibly be solved with something like https://ark-ui.com/react/docs/providers/environment