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

Touch events interfere with contenteditable focus on mobile

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

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

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

Phenomenon

On iOS Safari, touch events (tap, long-press) on a contenteditable region may not properly focus the element. The virtual keyboard may not appear, or focus may be lost unexpectedly.

Reproduction example

  1. Open a contenteditable region on iOS Safari.
  2. Tap on the contenteditable area.
  3. Observe whether the element receives focus and the keyboard appears.
  4. Try long-pressing to select text.

Observed behavior

  • In iOS Safari, tapping may not focus the contenteditable.
  • The virtual keyboard may not appear.
  • Long-press for text selection may trigger browser context menu instead.
  • Focus may be lost when interacting with other page elements.

Expected behavior

  • Tapping should focus the contenteditable and show the virtual keyboard.
  • Long-press should allow text selection.
  • Focus should be maintained during normal editing operations.

このシナリオの変形

ケース 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: 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.