🐛 fix(editor): expose spellCheck prop, suppress Safari inline predictive text

[arvinxx]

Problem

Safari 18+ (macOS Sequoia) enables inline predictive text by default on all contenteditable elements. The ReactPlainText component rendered a bare contentEditable div with no spellCheck attribute, causing Safari's Apple Intelligence text predictions to appear inside the chat input.

Changes

src/plugins/common/react/type.ts

• Added spellCheck?: boolean to ReactPlainTextProps with JSDoc explaining the Safari/WebKit behavior.

src/plugins/common/react/ReactPlainText.tsx

• Accept spellCheck prop and forward it to the inner contentEditable div.
• Default value: !enablePasteMarkdown
  • When enablePasteMarkdown is true (default, chat input), spellCheck defaults to false → suppresses Safari predictive text.
  • When enablePasteMarkdown is false (plain text mode, e.g. pure code editor), spellCheck defaults to true → normal browser spellcheck.
  • Callers can always override explicitly.

src/react/Editor/Editor.tsx

• No change needed — EditorProps already extends Omit<ReactPlainTextProps, 'children'>, so spellCheck is automatically part of the public API.

Why spellCheck={false} fixes it

Per WebKit commit 2d67e9c, setting spellcheck=false on a contentEditable element also suppresses platform-level spellchecking and inline text prediction in Safari. This is the most reliable and standards-compliant approach — autocomplete attributes have no effect on contenteditable divs.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
lobe-editor	Ready	Preview, Comment	May 25, 2026 9:21am

[sourcery-ai]

We've reviewed this pull request using the Sourcery rules engine

[pkg-pr-new]

Open in StackBlitz

npm i https://pkg.pr.new/@lobehub/editor@161

commit: 8fcd298