[bug]: Cannot close a select inside of a sheet by pressing Escape

[Sashkan]

Describe the bug

Pressing escape while a Select component is open inside of an open Sheet component results in the page being stuck.

Affected component/components

Sheet, Select

How to reproduce

Put a Select component inside a Sheet component.

Open the sheet, open the select

Press Escape: the sheet closes, and I cannot interact with anything on the page.

I assume it is because of the way keypress events are handled, having both the Select and the Sheet open should close both.

Codesandbox/StackBlitz link

No response

Logs

System Info

Tested on Arc

Before submitting

• I've made research efforts and searched the documentation
• I've searched for existing issues

[LukasKri]

Have you checked the browser logs? I get the similar issue when I add Select component inside Dialog and if you open the Dialog and then open the Select component and press escape - the dialog closes and browser hangs and logs this error: "(7) Uncaught ResizeObserver loop completed with undelivered notifications".

I use it with Next.js client component.

[Sashkan]

@LukasKri Nope, for me it is because closing the select using Esc adds a "pointer-events: none" to my body tag, therefore blocking the entire app

My current workaround is to remove it in my global CSS file

body {
  pointer-events: all !important;
}