Scenario

Spellcheck suggestions interfere with contenteditable editing

Scenario ID

scenario-spellcheck-interference

Scenario flow

Visual view of how this scenario connects to its concrete cases and environments. Nodes can be dragged and clicked.

Variants

Each row is a concrete case for this scenario, with a dedicated document and playground.

Case	OS	Device	Browser	Keyboard	Status
ce-0068-contenteditable-with-spellcheck	macOS 14.0	Desktop or Laptop MacBook Pro	Safari 17.0	US	draft

Cases

Open a case to see the detailed description and its dedicated playground.

Spellcheck suggestions interfere with contenteditable editing

OS: macOS 14.0 · Device: Desktop or Laptop MacBook Pro · Browser: Safari 17.0 · Keyboard: US

Open case →

Related Scenarios

Other scenarios that share similar tags or category.

Tags: editing, safari, macos

MutationObserver may interfere with contenteditable editing

When a MutationObserver is attached to a contenteditable element or its parent, the observer callbacks may interfere with editing performance. Frequent DOM mutations during typing can trigger many observer callbacks, causing lag or jank.

1 case

Tags: safari, macos

CORS restrictions may affect contenteditable in cross-origin iframes

When a contenteditable element is inside a cross-origin iframe, CORS restrictions may prevent certain operations. Accessing the contenteditable from the parent frame may be blocked, and some editing operations may be restricted.

1 case

Tags: safari, macos

CSS isolation property may affect contenteditable stacking context

When a contenteditable element has the CSS isolation: isolate property, it creates a new stacking context. This may affect how selection handles and IME candidate windows are positioned relative to the element.

1 case

Tags: editing, safari

disabled attribute does not disable contenteditable

The `disabled` attribute, which disables form inputs, does not work on contenteditable regions in Safari. The contenteditable remains editable and interactive even when `disabled` is set.

1 case

Tags: safari, macos

File API drag and drop does not work in contenteditable

When trying to drag and drop files into a contenteditable element, the File API may not work as expected. File drop events may not fire, or file content may not be accessible.

1 case

Comments & Discussion

Have questions, suggestions, or want to share your experience? Join the discussion below.