Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
1 of 2 tasks
AndrejNemec opened this issue Apr 18, 2024 · 2 comments
Open
1 of 2 tasks
Labels
help wanted Contributions from community are welcome

Comments

@AndrejNemec
Copy link

AndrejNemec commented Apr 18, 2024

Dependencies check up

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

select_bug.MP4

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
Copy link
Contributor

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

@minosss
Copy link
Contributor

minosss commented Nov 17, 2024

Em... I have tried many methods. Clicking on a focused input field that is read-only on a mobile device still brings up autofill.
#7012 also has the same problem.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
help wanted Contributions from community are welcome
Projects
None yet
Development

No branches or pull requests

4 participants