Skip to content

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

@f3ndot

Description

@f3ndot

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!

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions