Case ce-0059 · Scenario scenario-inputmode-behavior

inputmode attribute does not affect virtual keyboard on mobile

OS: iOS Ubuntu 22.04 Device: Mobile Any Browser: Safari 120.0 Keyboard: System virtual keyboard Status: draft
inputmode mobile keyboard ios

Phenomenon

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.

Reproduction example

  1. Create a contenteditable div with inputmode="numeric".
  2. Open the page on iOS Safari.
  3. Focus the contenteditable.
  4. Observe the type of virtual keyboard that appears.

Observed behavior

  • In iOS Safari, the inputmode attribute is ignored on contenteditable.
  • The default keyboard always appears.
  • Numeric, email, or URL keyboards cannot be triggered.

Expected behavior

  • The inputmode attribute should control the virtual keyboard type.
  • Numeric, email, URL, and other keyboard types should be available.
  • Behavior should match standard input elements.

Playground for this case

Use the reported environment as a reference and record what happens in your environment while interacting with the editable area.

Reported environment
OS: iOS Ubuntu 22.04
Device: Mobile Any
Browser: Safari 120.0
Keyboard: System virtual keyboard
Your environment

Use this editable area to reproduce the described case.

Event log
Use this log together with the case description when filing or updating an issue.
0 events
Interact with the editable area to see events here.