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
- Create a contenteditable div with
spellcheck="true". - Type some text, including intentionally misspelled words.
- Observe the spellcheck behavior.
- 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.