Case ce-0070 · Scenario scenario-autocapitalize-behavior

autocapitalize attribute works inconsistently on contenteditable

OS: iOS 17.0 Device: iPhone Any Browser: Safari 17.0 Keyboard: US Status: draft
autocapitalize mobile ios safari

Phenomenon

The autocapitalize attribute, which controls automatic capitalization on mobile keyboards, works inconsistently on contenteditable elements. The behavior may differ from standard input elements.

Reproduction example

  1. Create a contenteditable div with autocapitalize="sentences".
  2. On an iOS device, focus the contenteditable.
  3. Type text and observe capitalization behavior.
  4. Compare with a standard input element with the same attribute.

Observed behavior

  • In Safari on iOS, autocapitalize may not work as expected on contenteditable.
  • Capitalization behavior may differ from standard inputs.
  • The attribute may be ignored in some cases.

Expected behavior

  • autocapitalize should work identically on contenteditable and standard inputs.
  • Capitalization should follow the specified mode (sentences, words, characters, none).
  • Behavior should be consistent across browsers and devices.

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 17.0
Device: iPhone Any
Browser: Safari 17.0
Keyboard: US
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.