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

Popover on iPhone has a weird delay when zoomed in #1254

Closed
HummingMind opened this issue Jul 21, 2024 · 2 comments
Closed

Popover on iPhone has a weird delay when zoomed in #1254

HummingMind opened this issue Jul 21, 2024 · 2 comments
Labels
bug Something isn't working

Comments

@HummingMind
Copy link

Describe the bug

When toggling the popover normally, everything works great. But if you zoom in and toggle the popover, there is a rather noticeable delay before it opens or closes. This happens both on my site and on melt-ui page for the Popover builder.

Seems to be iPhone only. Happens on two of my iPhones. Does not happen on the iPad.

Reproduction

Happens on the Popoever builder page on melt-ui.com

Logs

No response

System Info

latest version of iOS and Safari for iOS

Severity

annoyance

@HummingMind HummingMind added the bug Something isn't working label Jul 21, 2024
@HummingMind
Copy link
Author

Seems like it's not just melt-ui or Svelte for that matter. I stood up a Vue site with Vue Radix and the same behavior is observed there. This must be an iOS thing.

Interesting that it does not happen in svelte-ux. Maybe they are adding some css fix for this.

You can probably close this issue, unless you would like to investigate why it doesn't happen in svelte-ux (I might take a look as well).

@HummingMind
Copy link
Author

HummingMind commented Aug 10, 2024

Looks like setting touch-action: manipulate in CSS (on the button element, which is the trigger in my case) seems to fix this.

Edit: I looked at svelte-ux example on their docs and true enough, they are using touch-manipulation tailwindcss class, which sets the property above. So it's not a bug with melt-ui! 🥳

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant