Case ce-0041 · Scenario scenario-spellcheck-behavior

Spellcheck interferes with contenteditable editing

OS: macOS Ubuntu 22.04 Device: Desktop or Laptop Any Browser: Safari 120.0 Keyboard: US Status: draft
spellcheck editing safari

Phenomenon

When spellcheck="true" is enabled on a contenteditable region in Safari, the spellcheck functionality may interfere with normal editing. Red underlines may appear incorrectly, and the spellcheck UI may block text selection or editing.

Reproduction example

  1. Create a contenteditable div with spellcheck="true".
  2. Type some text, including intentionally misspelled words.
  3. Observe the spellcheck behavior.
  4. Try to select text that has spellcheck underlines.

Observed behavior

  • In Safari on macOS, spellcheck underlines may interfere with text selection.
  • The spellcheck UI may appear in unexpected locations.
  • Editing may be blocked or delayed by spellcheck processing.

Expected behavior

  • Spellcheck should not interfere with normal editing operations.
  • Text selection should work regardless of spellcheck underlines.
  • The spellcheck UI should not block or delay editing.

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: macOS Ubuntu 22.04
Device: Desktop or Laptop Any
Browser: Safari 120.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.