fix(core): fix error when triple-clicking a word preceding a `content…

…editable="false"` DOM node in Chrome #186

.changeset/happy-dancers-fix.md

@@ -0,0 +1,6 @@
+---
+"slate-angular": patch
+---
+
+Fix error when triple-clicking a word preceding a `contenteditable="false"` DOM node in Chrome
+refer to: https://github.com/ianstormtaylor/slate/pull/5343

packages/src/plugins/angular-editor.ts

@@ -670,6 +670,18 @@ export const AngularEditor = {
             throw new Error(`Cannot resolve a Slate range from DOM range: ${domRange}`);
         }
 
+        // COMPAT: Triple-clicking a word in chrome will sometimes place the focus
+        // inside a `contenteditable="false"` DOM node following the word, which
+        // will cause `toSlatePoint` to throw an error. (2023/03/07)
+        if (
+            'getAttribute' in focusNode &&
+            (focusNode as HTMLElement).getAttribute('contenteditable') === 'false' &&
+            (focusNode as HTMLElement).getAttribute('data-slate-void') !== 'true'
+        ) {
+            focusNode = anchorNode;
+            focusOffset = anchorNode.textContent?.length || 0;
+        }
+
         const anchor = AngularEditor.toSlatePoint(editor, [anchorNode, anchorOffset]);
         const focus = isCollapsed ? anchor : AngularEditor.toSlatePoint(editor, [focusNode, focusOffset]);