weird behavior on Firefox Browser, when there is menu popup and programmatic dimming on top parent div

[yureckey]

What happened?

I noticed weird behavior on Firefox Browser, when there is menu popup and programmatic dimming on top parent div - menu is immediately hidden after popup. If dimming is on some lower levels when it works the same as on other browsers, properly

What did you expect to happen?

menu should popup and stay and background should be dimmed

Reproduction URL

https://codepen.io/yureckey/pen/mdXYpXY

How to reproduce?

click the "search items here". On FF nothing will happens (in browser dev console you'll see immediate beforeMenuShow beforeMenuHide) on other browsers (Chrome/Edge) menu will popup and background will be dimmed

Flavour

Quasar CLI with Vite (@quasar/cli | @quasar/app-vite)

Areas

Components (quasar)

Platforms/Browsers

Firefox

Quasar info output

No response

Relevant log output

No response

Additional context

No response

[alexrififi]

Try use Popup Proxy

[yureckey]

Try use Popup Proxy

I don't see how that could be of use here. On small screen it will swap q-menu with q-dialog and it will work, but weird behavior still there - on FF q-menu (when there is dimming on top parent element) still won't work.