enterkeyhint attribute does not work on contenteditable
OS: Android 14.0 · Device: Smartphone Any · Browser: Chrome 120.0 · Keyboard: US
Open case →Scenario
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.
mobile
Scenario ID
scenario-enterkeyhint-behavior
Details
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.
References
- WHATWG HTML: enterkeyhint attribute - enterkeyhint specification
- WebKit Blog: New WebKit features in Safari 13.1 - iOS Safari support
- Stack Overflow: Combine numeric keyboard and enterkeyhint - Numeric keyboard limitations
- Stack Overflow: Updating enterkeyhint resets input value - Chrome Android issues
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-0072-contenteditable-with-enterkeyhint | Android 14.0 | Smartphone Any | Chrome 120.0 | US | 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, 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: enterkeyhint, mobile
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: android, chrome
Samsung Keyboard Text Prediction Issues in contenteditable
Samsung keyboard's text prediction feature causes various input event handling issues in contenteditable elements on Android Chrome, including insertCompositionText events, missing getTargetRanges(), selection mismatches, and combined event.data when typing adjacent to links or formatted elements.
1 case
Tags: mobile
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
inputmode attribute does not affect virtual keyboard on mobile
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.
1 case
Comments & Discussion
Have questions, suggestions, or want to share your experience? Join the discussion below.