Case ce-0068 · Scenario scenario-spellcheck-interference

Spellcheck suggestions interfere with contenteditable editing

OS: macOS 14.0 Device: Desktop or Laptop MacBook Pro Browser: Safari 17.0 Keyboard: US Status: draft
spellcheck editing safari macos

Phenomenon

When spellcheck is enabled on a contenteditable element, browser spellcheck suggestions can interfere with editing. The spellcheck UI may overlap with content, and accepting suggestions may cause unexpected behavior.

Reproduction example

  1. Create a contenteditable div with spellcheck="true".
  2. Type text with intentional misspellings.
  3. Observe the spellcheck suggestions that appear.
  4. Try to accept or ignore suggestions.
  5. Continue editing and observe any interference.

Observed behavior

  • In Safari on macOS, spellcheck suggestions appear as expected.
  • Accepting suggestions may cause the caret to jump unexpectedly.
  • The spellcheck UI may overlap with content during editing.
  • Spellcheck may interfere with IME composition.

Expected behavior

  • Spellcheck should work seamlessly with contenteditable.
  • Suggestions should not interfere with editing flow.
  • Caret position should remain stable when accepting suggestions.
  • Spellcheck should pause during IME composition.

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 14.0
Device: Desktop or Laptop MacBook Pro
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.