Double-tap on select/multi-select inputs on mobile triggers unwanted tooltip

[AndrejNemec]

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?

7.8.0

What package has an issue?

@mantine/core

What framework do you use?

Vite

In which browsers you can reproduce the issue?

All

Describe the bug

I am encountering a bug on mobile devices related to select/multi-select inputs. When I double-tap a select input that does not allow text entry, a mobile tooltip is triggered, offering autofill/paste options. This behavior is quite annoying for the users.

It seems that the issue is caused by an internal input element within the selector (mantine-Select-input), which is set to readonly. I have attached a video to demonstrate the issue.

https://github.com/mantinedev/mantine/assets/32060067/30a30e50-e7ec-46e8-a8b1-d79b1e8c354c

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

No response

Possible fix

Replace the input element with another element.

Self-service

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

[Prasiddha22]

@rtivital I had made some changes and made a PR that resolved this issue. You can see that in the PR description that I had created. But that implementation failed some test cases and I closed the PR for now. Can you please check it once at your convenience? If that felt the right direction, we can further continue working on that.