Scenario

Virtual keyboard on mobile scrolls contenteditable out of view

Virtual keyboard on mobile scrolls contenteditable out of view

Scenario ID
scenario-mobile-keyboard-scroll

Scenario flow

Visual view of how this scenario connects to its concrete cases and environments. Nodes can be dragged and clicked.

React Flow mini map

Variants

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

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, keyboard

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

Typing certain characters makes cursor jump on Chrome Mobile

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.

2 cases
Tags: mobile

Input Events Fire on Focus/Blur in Chrome Android

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.

1 case

Comments & Discussion

Have questions, suggestions, or want to share your experience? Join the discussion below.