slate-angular 20.2.0-next.27 → 20.2.0-next.28

package/fesm2022/slate-angular.mjs

@@ -3249,7 +3249,8 @@ class SlateEditable {
             enabled: false,
             scrollTop: 0,
             viewportHeight: 0,
-            viewportBoundingTop: 0
+            viewportBoundingTop: 0,
+            scrollContainer: null
         };
         this.inViewportChildren = [];
         this.inViewportIndics = [];
@@ -3363,6 +3364,7 @@ class SlateEditable {
     }
     calculateVirtualScrollSelection(selection) {
         if (selection) {
+            const isBlockCardCursor = AngularEditor.isBlockCardLeftCursor(this.editor) || AngularEditor.isBlockCardRightCursor(this.editor);
             const indics = this.inViewportIndics;
             if (indics.length > 0) {
                 const currentVisibleRange = {
@@ -3370,12 +3372,21 @@ class SlateEditable {
                     focus: Editor.end(this.editor, [indics[indics.length - 1]])
                 };
                 const [start, end] = Range.edges(selection);
-                const forwardSelection = { anchor: start, focus: end };
+                let forwardSelection = { anchor: start, focus: end };
+                if (!isBlockCardCursor) {
+                    forwardSelection = { anchor: start, focus: end };
+                }
+                else {
+                    forwardSelection = { anchor: { path: start.path, offset: 0 }, focus: { path: end.path, offset: 0 } };
+                }
                 const intersectedSelection = Range.intersection(forwardSelection, currentVisibleRange);
+                if (intersectedSelection && isBlockCardCursor) {
+                    return selection;
+                }
                 EDITOR_TO_VIRTUAL_SCROLL_SELECTION.set(this.editor, intersectedSelection);
                 if (!intersectedSelection || !Range.equals(intersectedSelection, forwardSelection)) {
                     if (isDebug) {
-                        debugLog('log', `selection is not in visible range, selection: ${JSON.stringify(selection)}, intersectedSelection: ${JSON.stringify(intersectedSelection)}`);
+                        debugLog('log', `selection is not in visible range, selection: ${JSON.stringify(selection)}, currentVisibleRange: ${JSON.stringify(currentVisibleRange)}, intersectedSelection: ${JSON.stringify(intersectedSelection)}`);
                     }
                     return intersectedSelection;
                 }
@@ -3385,7 +3396,7 @@ class SlateEditable {
         EDITOR_TO_VIRTUAL_SCROLL_SELECTION.set(this.editor, null);
         return selection;
     }
-    toNativeSelection() {
+    toNativeSelection(autoScroll = true) {
         try {
             let { selection } = this.editor;
             if (this.isEnabledVirtualScroll()) {
@@ -3451,13 +3462,23 @@ class SlateEditable {
                 domSelection.removeAllRanges();
             }
             setTimeout(() => {
-                // handle scrolling in setTimeout because of
-                // dom should not have updated immediately after listRender's updating
-                newDomRange && this.scrollSelectionIntoView(this.editor, newDomRange);
-                // COMPAT: In Firefox, it's not enough to create a range, you also need
-                // to focus the contenteditable element too. (2016/11/16)
-                if (newDomRange && IS_FIREFOX) {
-                    el.focus();
+                if (this.isEnabledVirtualScroll() &&
+                    !selection &&
+                    this.editor.selection &&
+                    autoScroll &&
+                    this.virtualScrollConfig.scrollContainer) {
+                    this.virtualScrollConfig.scrollContainer.scrollTop = this.virtualScrollConfig.scrollContainer.scrollTop + 100;
+                    return;
+                }
+                else {
+                    // handle scrolling in setTimeout because of
+                    // dom should not have updated immediately after listRender's updating
+                    newDomRange && autoScroll && this.scrollSelectionIntoView(this.editor, newDomRange);
+                    // COMPAT: In Firefox, it's not enough to create a range, you also need
+                    // to focus the contenteditable element too. (2016/11/16)
+                    if (newDomRange && IS_FIREFOX) {
+                        el.focus();
+                    }
                 }
                 this.isUpdatingSelection = false;
             });
@@ -3713,7 +3734,7 @@ class SlateEditable {
                         }
                     }
                     if (!AngularEditor.isReadOnly(this.editor) && this.editor.selection) {
-                        this.toNativeSelection();
+                        this.toNativeSelection(false);
                     }
                 }
             }
@@ -3948,7 +3969,7 @@ class SlateEditable {
                     if (this.editor.selection && Range.equals(range, this.editor.selection) && !hasStringTarget(domSelection)) {
                         if (!isTargetInsideVoid(this.editor, activeElement)) {
                             // force adjust DOMSelection
-                            this.toNativeSelection();
+                            this.toNativeSelection(false);
                         }
                     }
                     else {