Virtual keyboard on mobile scrolls contenteditable out of view
OS: iOS 17.0 · Device: Mobile iPhone · Browser: Safari 17.0 · Keyboard: System virtual keyboard
Open case →Scenario
Virtual keyboard on mobile scrolls contenteditable out of view
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-0009-mobile-keyboard-scrolls-page | iOS 17.0 | Mobile iPhone | Safari 17.0 | System virtual keyboard | draft |
Open a case to see the detailed description and its dedicated playground.
OS: iOS 17.0 · Device: Mobile iPhone · Browser: Safari 17.0 · Keyboard: System virtual keyboard
Open case →Other scenarios that share similar tags or category.
Managing browser UI collisions, virtual keyboard resizing, and IME candidate window positioning.
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 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.
On Chrome Mobile for Android, typing certain punctuation characters (commas, colons, semicolons, quotes, etc.) in the middle of a word causes the cursor to jump to the end of the word instead of staying at the insertion point.
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.
Have questions, suggestions, or want to share your experience? Join the discussion below.