ケース ce-0053 · シナリオ scenario-mobile-touch-behavior

Selection handles overlap with content on mobile

OS: Android Ubuntu 22.04 デバイス: Mobile Any ブラウザ: Chrome 120.0 キーボード: System virtual keyboard 下書き
mobileselectionhandlesandroid

このページはまだ翻訳されていません

現在、英語の原文を表示しています。翻訳への貢献をお待ちしております。

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.

このシナリオの変形

ケース OS ブラウザ ステータス
ce-0028 iOS Ubuntu 22.04 Safari 120.0 下書き
ce-0038 iOS Ubuntu 22.04 Safari 120.0 下書き
ce-0046 iOS Ubuntu 22.04 Safari 120.0 下書き
ce-0053 Android Ubuntu 22.04 Chrome 120.0 下書き

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

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.