Bug: Select component is not usable if it is below the fold on mobile devices

[SubJunk]

Dependencies check up

• [x] I have verified that I use latest version of all @mantine/* packages

What version of @mantine/* packages do you have in package.json?

8.3.9

What package has an issue?

@mantine/core

What framework do you use?

React Router

In which browsers you can reproduce the issue?

All

Describe the bug

When a Select component sits below the page fold on mobile (so you have to scroll for it), when you click to display its contents, you are scrolled to the top of the screen and can't scroll down, making it unusable.

If you can't load the CodeSandbox on real mobile, it is also reproducible on desktop by using the mobile emulation modes in Firefox or Chrome-like browsers, e.g.

The bug can also be seen in the wild in the account management section of the Universal Media Server web settings, and we were alerted about it by one of our users:

If possible, include a link to a codesandbox with a minimal reproduction

https://codesandbox.io/p/devbox/mantine-react-template-forked-f34gng

Possible fix

No response

Self-service

• [ ] I would be willing to implement a fix for this issue