Scenario

Virtual keyboard resize causes viewport and selection loss

Virtual keyboard resize causes viewport and selection loss

Scenario ID
scenario-mobile-virtual-keyboard-resize

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-0218-mobile-keyboard-resize-android-chrome Android 10.0+ Any Android device Any Chrome Mobile 90.0+ Gboard (Google 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, virtual-keyboard, viewport, android

Mobile Focus Management for contenteditable

Comprehensive focus management strategies for mobile contenteditable implementations, addressing touch focus issues, virtual keyboard behavior, and browser-specific focus quirks.

0 cases
Tags: mobile, virtual-keyboard, viewport, android

Mobile Virtual Keyboard Integration for contenteditable

Handling virtual keyboard appearance/disappearance on mobile devices when editing contenteditable elements, including viewport adjustments, scroll position preservation, and focus management.

0 cases
Tags: mobile, android, chrome

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, android, chrome

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
Tags: mobile, android, chrome

enterkeyhint attribute does not work on contenteditable

The enterkeyhint attribute, which controls the label on the Enter key on mobile keyboards, does not work on contenteditable elements. The Enter key label remains the default regardless of the attribute value.

1 case

Comments & Discussion

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