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

iOS text selection handles break when react-remove-scroll is used in radix-ui's Dialog component #130

Open
f3ndot opened this issue Jan 23, 2025 · 0 comments

Comments

@f3ndot
Copy link

f3ndot commented Jan 23, 2025

On iOS, when you highlight/select some text, there are those little blue circle handles that someone can use to expand or contract the selection. Unfortunately that seems to completely break when <RemoveScroll /> is used as a mechanism to prevent scrolling of main content outside of a Dialog component made available by the Radix UI library.

Looks like this has been a longstanding bug since at least 2023 and reported a few different times in the radix repo, with no reply:

While I recognize the issues is more the responsibility of the radix-ui maintainers, I'm opening this issue here in hopes that @theKashey or others can either:

  1. Indicate if the radix-ui library is using the <RemoveScroll /> incorrectly and you know what to do so I can contribute back, or;
  2. Determine if ultimately it is a bug within how <RemoveScroll /> is implemented and a fix can be developed (or that it simply should not be used within radix-ui in the ways they've done so).

Thank you!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant