feat(core): handle deleteContentBackward

worktile · Mar 20, 2023 · 117b941 · 117b941
1 parent 386b523
commit 117b941
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 19 deletions.
diff --git a/demo/app/richtext/richtext.component.ts b/demo/app/richtext/richtext.component.ts
@@ -217,17 +217,5 @@ const initialValue = [
     {
         type: 'heading-one',
         children: [{ text: 'This is h1 ' }]
-    },
-    {
-        type: 'heading-three',
-        children: [{ text: 'This is h3 ' }]
-    },
-    {
-        type: 'paragraph',
-        children: [
-            {
-                text: `Since`
-            }
-        ]
     }
 ];
diff --git a/packages/src/components/editable/editable.component.ts b/packages/src/components/editable/editable.component.ts
@@ -577,6 +577,18 @@ export class SlateEditableComponent implements OnInit, OnChanges, OnDestroy, Aft
                 }
                 return;
             }
+            if (type === 'deleteContentBackward') {
+                const range = window.getSelection();
+                // Gboard can not prevent default action, so must use restoreDom, Sougou Keyboard can prevent default action.
+                // In order to avoid weird action in Sougou Keyboard, use resotreDom only range's isCollapsed is false (recognize gboard)
+                if (range.isCollapsed === false) {
+                    range.removeAllRanges();
+                    restoreDom(editor, () => {
+                        Editor.deleteBackward(editor);
+                    });
+                    return;
+                }
+            }
         }
         if (
             !this.readonly &&
@@ -610,13 +622,7 @@ export class SlateEditableComponent implements OnInit, OnChanges, OnDestroy, Aft
                     }
 
                     case 'deleteContentBackward': {
-                        if (IS_ANDROID) {
-                            restoreDom(editor, () => {
-                                Editor.deleteBackward(editor);
-                            });
-                        } else {
-                            Editor.deleteBackward(editor);
-                        }
+                        Editor.deleteBackward(editor);
                         break;
                     }