Mobile drag-to-selection creates inconsistent ranges
OS: iOS 16.0+ · Device: iPhone or iPad Any · Browser: Safari 16.0+ · Keyboard: Default (English)
Open case →Scenario
Mobile drag-to-selection creates inconsistent ranges
Mobile drag-to-selection creates inconsistent ranges
Scenario ID
scenario-mobile-selection-drag-to-select
Scenario flow
Visual view of how this scenario connects to its concrete cases and environments. Nodes can be dragged and clicked.
Variants
Each row is a concrete case for this scenario, with a dedicated document and playground.
| Case | OS | Device | Browser | Keyboard | Status |
|---|---|---|---|---|---|
| ce-0541-mobile-selection-drag-ios-safari | iOS 16.0+ | iPhone or iPad Any | Safari 16.0+ | Default (English) | draft |
Cases
Open a case to see the detailed description and its dedicated playground.
Related Scenarios
Other scenarios that share similar tags or category.
Tags: mobile, selection, touch, ios
Touch selection handles are difficult to use on mobile devices
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.
1 case
Tags: mobile, ios, safari
CSS backdrop-filter may cause rendering issues in contenteditable
When a contenteditable element has CSS backdrop-filter applied, rendering may be affected. Text may appear blurry, selection may not render correctly, and performance may be degraded, especially on mobile devices.
1 case
Tags: mobile, ios, safari
enterkeyhint and inputmode affect Enter key behavior inconsistently
On mobile devices, the combination of enterkeyhint and inputmode attributes may affect Enter key behavior inconsistently on contenteditable elements. The Enter key may insert line breaks when it should perform an action, or vice versa.
1 case
Tags: mobile, ios, safari
iPhone keyboard hides text when entering on contenteditable
On iPhone/iPad Safari, when entering text or pressing "return" multiple times in a contenteditable element, the software keyboard appears but hides the text being typed. The page doesn't auto-scroll to keep text visible. Works fine on Android and other browsers.
1 case
Tags: mobile, ios, safari
Media query layout changes may disrupt contenteditable editing
When a page with a contenteditable element responds to media query changes (e.g., orientation change, window resize), the layout changes may disrupt editing. The caret position may jump, and selection may be lost.
1 case
Comments & Discussion
Have questions, suggestions, or want to share your experience? Join the discussion below.