Case ce-0053-mobile-selection-handles-overlap · Scenario scenario-mobile-touch-behavior

Selection handles overlap with content on mobile

OS: Android Ubuntu 22.04 Device: Mobile Any Browser: Chrome 120.0 Keyboard: System virtual keyboard Status: draft
mobile selection handles android

Phenomenon

On Android Chrome, when selecting text in a contenteditable region, the selection handles (grab points for adjusting selection) may overlap with the content, making it difficult to see or interact with the selected text.

Reproduction example

  1. Open a contenteditable region on Android Chrome.
  2. Long-press to start a text selection.
  3. Observe the position of the selection handles.
  4. Try to adjust the selection by dragging the handles.

Observed behavior

  • In Android Chrome, selection handles may overlap with content.
  • The handles may obscure the selected text.
  • It may be difficult to see what is selected.
  • Adjusting the selection may be challenging.

Expected behavior

  • Selection handles should not overlap with content.
  • They should be positioned clearly and visibly.
  • The selected text should remain visible and accessible.

Browser compatibility matrix

This matrix shows which browser and OS combinations have documented cases for this scenario. The current case is highlighted. Click on a cell to view other cases.

Current case
Confirmed
Draft
No case documented

All variants (detailed table)

Complete list of all cases for this scenario with full environment details.

Case OS Device Browser Keyboard Status
ce-0028-mobile-touch-focus iOS Ubuntu 22.04 Mobile Any Safari 120.0 System virtual keyboard draft
ce-0038-mobile-zoom-on-focus iOS Ubuntu 22.04 Mobile Any Safari 120.0 System virtual keyboard draft
ce-0046-mobile-double-tap-zoom iOS Ubuntu 22.04 Mobile Any Safari 120.0 System virtual keyboard draft
ce-0053-mobile-selection-handles-overlap Android Ubuntu 22.04 Mobile Any Chrome 120.0 System virtual keyboard draft

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: Android Ubuntu 22.04
Device: Mobile Any
Browser: Chrome 120.0
Keyboard: System virtual keyboard
Your environment
Sample HTML:
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.

Comments & Discussion

Have questions, suggestions, or want to share your experience? Join the discussion below.