Case ce-0017 · Scenario scenario-touch-selection-mobile

Touch selection handles are difficult to use on mobile devices

OS: iOS Ubuntu 22.04 Device: Mobile Any Browser: Safari 120.0 Keyboard: System virtual keyboard Status: draft
mobile touch selection ios

Phenomenon

On mobile devices, selecting text in a contenteditable region using touch is difficult. The selection handles are small and hard to grab, and the selection range may change unexpectedly when trying to adjust it.

Reproduction example

  1. Open a contenteditable region on a mobile device (iOS Safari).
  2. Long-press to start a text selection.
  3. Try to adjust the selection by dragging the handles.
  4. Observe the difficulty in precisely controlling the selection.

Observed behavior

  • Selection handles are small and difficult to grab with a finger.
  • Dragging the handles often results in scrolling the page instead of adjusting the selection.
  • The selection may jump to unexpected positions when trying to fine-tune it.
  • The selection may be lost when the virtual keyboard appears.

Expected behavior

  • Selection handles should be large enough to easily grab with a finger.
  • Dragging handles should adjust the selection without scrolling the page.
  • The selection should remain stable and controllable.

Playground for this case

Use the reported environment as a reference and record what happens in your environment while interacting with the editable area.

Reported environment
OS: iOS Ubuntu 22.04
Device: Mobile Any
Browser: Safari 120.0
Keyboard: System virtual keyboard
Your environment

Use this editable area to reproduce the described case.

Event log
Use this log together with the case description when filing or updating an issue.
0 events
Interact with the editable area to see events here.