QSelect popup comes off the filed on mobile scroll - WebKit Mobile

[mityaua]

What happened?

When I scroll the page - the select popup sometimes comes off the field (iOS).

IMG_3933.MP4

Sometimes it is fixed.

IMG_3902.MP4

But on Windows and Android, it is always fixed to select.

What did you expect to happen?

Select's popup will always fixed to the input field (on scroll).

Reproduction URL

https://github.com/quasarframework/quasar/blob/dev/docs/src/examples/QSelect/BehaviorMenu.vue

How to reproduce?

1. Open docs https://quasar.dev/vue-components/select/#example--show-options-in-menu + https://github.com/quasarframework/quasar/blob/dev/docs/src/examples/QSelect/BehaviorMenu.vue
2. Go to "Show options in menu"
3. Select "Simple select"
4. Scroll page or dropdown list.

Flavour

Vue CLI Plugin (vue-cli-plugin-quasar)

Areas

Components (quasar)

Platforms/Browsers

iOS (12, 14, 16.6)

Quasar info output

No response

Relevant log output

No response

Additional context

2.12.5

[github-actions]

Hi @mityaua! 👋

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. 👏