On-screen keyboard does not appear when focusing contenteditable on mobile
OS: iOS Any · Device: Mobile Any · Browser: Safari Latest · Keyboard: US
Open case →Scenario
On-screen keyboard does not appear when focusing contenteditable on mobile
Visual view of how this scenario connects to its concrete cases and environments. Nodes can be dragged and clicked.
Each row is a concrete case for this scenario, with a dedicated document and playground.
| Case | OS | Device | Browser | Keyboard | Status |
|---|---|---|---|---|---|
| ce-0552-mobile-keyboard-not-appearing | iOS Any | Mobile Any | Safari Latest | US | draft |
Open a case to see the detailed description and its dedicated playground.
OS: iOS Any · Device: Mobile Any · Browser: Safari Latest · Keyboard: US
Open case →Other scenarios that share similar tags or category.
Comprehensive focus management strategies for mobile contenteditable implementations, addressing touch focus issues, virtual keyboard behavior, and browser-specific focus quirks.
In Chrome on Android, input events may fire when a contenteditable element gains or loses focus, even without content changes. This behavior can lead to unintended side effects in applications relying on input events for content modification detection.
The `inputmode` attribute, which should control the type of virtual keyboard shown on mobile devices, does not work on contenteditable regions in iOS Safari. The keyboard type cannot be controlled.
On iOS, contenteditable elements may become non-selectable or non-editable. Tapping on the element doesn't display the caret, preventing text input.
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.
Have questions, suggestions, or want to share your experience? Join the discussion below.