Vaul prevents interacting with shadow dom elements

[Georgegriff]

I'm consuming a react library (emoji mart) that happens to use shadow dom internally. I've found that this library breaks when its contents have shadow dom, it seems to prevent all clicks getting through. Keyboard interactions do work, however.

Reproduction case here

I've provided a few buttons in the demo:

• Outside of vaul, just a button that alerts (as a web component)
• A button to open vaul
• The same web component button but inside of vaul, when clicking it does not nothing, keyboard interactions mostly work though.

This issue does not happen with radix dialogs

[pulsedemon]

I'm having the same issue.

[TranMacTien]

Does anyone have a solution?

[Estebank94]

Same issue