Options of Q-select will lose track of the input when scroll over fixed or q-dialog

[ebeton-ro]

What happened?

Creating a very big q-dialog with scroll and adding a q-select will make the options of the q-select to scroll with the q-dialog, or having a big page with sticky(fixed elements) will trigger this.

What did you expect to happen?

Option should stick next to the input of the select.

Reproduction URL

https://codesandbox.io/s/twilight-paper-om419l

How to reproduce?

1. Go to quasar.dev website (https://quasar.dev/vue-components/select#customizing-menu-options OR the url above)
2. Search for q-select with vite (or use the selector from the url above)
3. Open any select.
4. Scroll the page to top until the option will be blocked by the sticky header.
5. Scroll down again.
6. Observe the behaviour.

Flavour

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

Areas

Components (quasar)

Platforms/Browsers

Firefox, Chrome, Safari, Microsoft Edge

Quasar info output

No response

Relevant log output

No response

Additional context

No response

[github-actions]

Hi @ebeton-ro! 👋

It looks like you provided an invalid or unsupported reproduction URL.
Do not use any service other than Codepen, jsFiddle, StackBlitz, Codesandbox, and GitHub.
Make sure the URL you provided is correct and reachable. You can test it by visiting it in a private tab, another device, etc.
Please edit your original post above and provide a valid reproduction URL as explained.

Without a proper reproduction, your issue will have to get closed.

Thank you for your collaboration. 👏

[ebeton-ro]

Updated the link to get over bot being stupid and not letting me to report a bug that can be very well observed on quasar`s own website!