[Bug]: Table: clicks on unmapped DOM regions desync selection and crash toSlateRange on typing/paste #4956

Activity

1. caspersf

   added

   bug

   on Apr 24, 2026
2. dosubot

   added

   plugin:table

   on Apr 24, 2026
3. dosubot commented on Apr 24, 2026

   

   dosubotBot

   on Apr 24, 2026 – with DosuBot

   More actions

   This was already discussed in detail in Discussion #4952 — the root cause is that slate-react's onDOMBeforeInput handler has two toSlateRange calls using suppressThrow: false. When a click lands on an unmapped DOM region (no data-slate-node ancestor), the DOM selection drifts but editor.selection stays stale. The next typing or paste event hits those calls and throws.

   Plate's own toSlateRange wrapper does suppress errors [1], but these event handlers in slate-react call ReactEditor.toSlateRange directly, bypassing it.

   The table plugin's normalization [2] currently does not ensure paragraphs between adjacent tables or after the last table — that's delegated to TrailingBlockPlugin [3], which only covers the document's last node.

   Two fixes are needed:

   1. In slate-react: The two unsafe toSlateRange calls in onDOMBeforeInput should use suppressThrow: true or be wrapped in try/catch, consistent with the other calls in the same file that already do this [4].

   2. In the table plugin: withNormalizeTable could ensure a mapped block exists between adjacent tables, so there's always a valid click target in those gaps.

   As a partial workaround, adding TrailingBlockPlugin to your setup ensures at least a trailing paragraph exists after the last table, reducing the frequency of the crash — but it won't prevent it for inter-table gaps or editor padding regions, as @caspersf noted.

   To reply, just mention @dosu.

   ---

   Share context across your team and agents. Try Dosu.

   
4. zbeyens commented on Apr 25, 2026

   

   zbeyens

   on Apr 25, 2026

   Member

   More actions

   ✅ Fixed in #4967.

   QA:

   • Open /docs/table.
   • Click inside a table cell, then click an unmapped editor-root region beside the table.
   • Type or paste rich content.
   • Confirm text stays inside the Slate value and no toSlateRange / Cannot resolve a Slate point from DOM point error appears.
5. caspersf commented on Apr 27, 2026

   

   caspersf

   on Apr 27, 2026

   Author

   More actions

   @zbeyens, just wanted to confirm if this has been deployed. I still see the issue in https://platejs.org/docs/table
6. zbeyens commented on Apr 27, 2026

   

   zbeyens

   on Apr 27, 2026

   Member

   More actions

   No, I'll close that PR. The fix is too dirty to be released. You could try it on your end.
7. filippodev-tech commented on Jul 2, 2026

   

   filippodev-tech

   on Jul 2, 2026

   More actions

   @zbeyens hi, I am having the same issue, after implementing the HTML setup.
   My deps:

   {
     "dependencies": {
       "@platejs/basic-nodes": "^53.0.0",
       "@platejs/basic-styles": "^53.0.0",
       "@platejs/callout": "^53.0.0",
       "@platejs/caption": "^53.0.0",
       "@platejs/code-block": "^53.0.0",
       "@platejs/code-drawing": "^53.0.0",
       "@platejs/comment": "^53.0.0",
       "@platejs/date": "^53.0.0",
       "@platejs/footnote": "^53.0.0",
       "@platejs/layout": "^53.0.0",
       "@platejs/link": "^53.0.3",
       "@platejs/list": "^53.1.3",
       "@platejs/markdown": "^53.2.2",
       "@platejs/media": "^53.1.4",
       "@platejs/mention": "^53.0.0",
       "@platejs/suggestion": "^53.2.3",
       "@platejs/table": "^53.0.9",
       "@platejs/toc": "^53.0.0",
       "@platejs/toggle": "^53.0.0",
       "next": "^15.5.14",
       "platejs": "^53.2.1",
     },
     "overrides": {
       "slate": "0.118.0",
       "slate-dom": "0.117.4",
       "slate-react": "0.117.1"
     }
   }

   and my plugins:

   import { BaseAlignKit } from "./plugins/align-base-kit";
   import { BaseBasicBlocksKit } from "./plugins/basic-blocks-base-kit";
   import { BaseCalloutKit } from "./plugins/callout-base-kit";
   import { BaseCodeBlockKit } from "./plugins/code-block-base-kit";
   import { BaseColumnKit } from "./plugins/column-base-kit";
   import { BaseDateKit } from "./plugins/date-base-kit";
   import { BaseFootnoteKit } from "./plugins/footnote-base-kit";
   import { BaseFontKit } from "./plugins/font-base-kit";
   import { BaseLineHeightKit } from "./plugins/line-height-base-kit";
   import { BaseListKit } from "./plugins/list-base-kit";
   import { MarkdownKit } from "./plugins/markdown-kit";
   import { BaseMediaKit } from "./plugins/media-base-kit";
   import { BaseMentionKit } from "./plugins/mention-base-kit";
   import { BaseTableKit } from "./plugins/table-base-kit";
   import { BaseTocKit } from "./plugins/toc-base-kit";
   import { BaseToggleKit } from "./plugins/toggle-base-kit";
   import { TrailingBlockPlugin } from "platejs";
   
   export const BasicFormattingKit = [
     ...BaseBasicBlocksKit,
     ...BaseCodeBlockKit,
     ...BaseTableKit,
     ...BaseToggleKit,
     ...BaseTocKit,
     ...BaseMediaKit,
     ...BaseCalloutKit,
     ...BaseColumnKit,
     ...BaseDateKit,
     ...BaseMentionKit,
     ...BaseFontKit,
     ...BaseListKit,
     ...BaseAlignKit,
     ...BaseLineHeightKit,
     ...MarkdownKit,
     ...BaseFootnoteKit,
     TrailingBlockPlugin,
   ];
   import {
     BoldRules,
     HighlightRules,
     ItalicRules,
     MarkComboRules,
     StrikethroughRules,
     SubscriptRules,
     SuperscriptRules,
     UnderlineRules,
   } from "@platejs/basic-nodes";
   import {
     BoldPlugin,
     HighlightPlugin,
     ItalicPlugin,
     KbdPlugin,
     StrikethroughPlugin,
     SubscriptPlugin,
     SuperscriptPlugin,
     UnderlinePlugin,
   } from "@platejs/basic-nodes/react";
   
   import { HighlightLeaf } from "./HighlightNode";
   import { KbdLeaf } from "@/components/CaseClosing/RichTextArea/KbdNode";
   import { LinkPlugin } from "@platejs/link/react";
   import { LinkRules } from "@platejs/link";
   import { LinkElement } from "./LinkNode";
   import { LinkFloatingToolbar } from "@/components/CaseClosing/RichTextArea/LinkToolbar";
   
   export const BasicMarksKit = [
     BoldPlugin.configure({
       inputRules: [
         BoldRules.markdown({ variant: "*" }),
         BoldRules.markdown({ variant: "_" }),
         MarkComboRules.markdown({ variant: "boldItalic" }),
         MarkComboRules.markdown({ variant: "boldUnderline" }),
         MarkComboRules.markdown({ variant: "boldItalicUnderline" }),
         MarkComboRules.markdown({ variant: "italicUnderline" }),
       ],
     }),
     ItalicPlugin.configure({
       inputRules: [
         ItalicRules.markdown({ variant: "*" }),
         ItalicRules.markdown({ variant: "_" }),
       ],
     }),
     UnderlinePlugin.configure({
       inputRules: [UnderlineRules.markdown()],
     }),
     LinkPlugin.configure({
       inputRules: [
         LinkRules.markdown(),
         LinkRules.autolink({ variant: "paste" }),
         LinkRules.autolink({ variant: "space" }),
         LinkRules.autolink({ variant: "break" }),
       ],
       render: {
         node: LinkElement,
         afterEditable: () => <LinkFloatingToolbar />,
       },
     }),
     // currently not in use
     StrikethroughPlugin.configure({
       inputRules: [StrikethroughRules.markdown()],
       shortcuts: { toggle: { keys: "mod+shift+x" } },
     }),
     SubscriptPlugin.configure({
       inputRules: [SubscriptRules.markdown()],
       shortcuts: { toggle: { keys: "mod+comma" } },
     }),
     SuperscriptPlugin.configure({
       inputRules: [SuperscriptRules.markdown()],
       shortcuts: { toggle: { keys: "mod+period" } },
     }),
     HighlightPlugin.configure({
       inputRules: [
         HighlightRules.markdown({ variant: "==" }),
         HighlightRules.markdown({ variant: "≡" }),
       ],
       node: { component: HighlightLeaf },
       shortcuts: { toggle: { keys: "mod+shift+h" } },
     }),
     KbdPlugin.withComponent(KbdLeaf),
   ];
   
     const editor = usePlateEditor({
       plugins: [...BasicFormattingKit, ...BasicMarksKit],
       value: [...],
     });

   your help will be much appreciated
8. lofcz

   added a commit that references this issue on Aug 4, 2026

   fix(table): insert trailing and inter-table paragraph blocks to preve…

   ...

   060b83b
9. zbeyens

   added

   triaged

   needs reproduction

   on Oct 25, 2026
10. zbeyens

    added the

    Bug

    issue type on Oct 26, 2026
11. zbeyens

    removed

    bug

    plugin:table

    needs reproduction

    triaged

    on Oct 26, 2026