slate-react 0.119.0 → 0.120.0-20251121000717

package/dist/index.es.js

@@ -3791,13 +3791,15 @@ var defaultDecorate = () => [];
  * A default implement to scroll dom range into view.
  */
 var defaultScrollSelectionIntoView = (editor, domRange) => {
-  // This was affecting the selection of multiple blocks and dragging behavior,
-  // so enabled only if the selection has been collapsed.
-  if (domRange.getBoundingClientRect && (!editor.selection || editor.selection && Range.isCollapsed(editor.selection))) {
-    var leafEl = domRange.startContainer.parentElement;
-    // COMPAT: In Chrome, domRange.getBoundingClientRect() can return zero dimensions for valid ranges (e.g. line breaks).
+  // Scroll to the focus point of the selection, in case the selection is expanded
+  var isBackward = !!editor.selection && Range.isBackward(editor.selection);
+  var domFocusPoint = domRange.cloneRange();
+  domFocusPoint.collapse(isBackward);
+  if (domFocusPoint.getBoundingClientRect) {
+    var leafEl = domFocusPoint.startContainer.parentElement;
+    // COMPAT: In Chrome, domFocusPoint.getBoundingClientRect() can return zero dimensions for valid ranges (e.g. line breaks).
     // When this happens, do not scroll like most editors do.
-    var domRect = domRange.getBoundingClientRect();
+    var domRect = domFocusPoint.getBoundingClientRect();
     var isZeroDimensionRect = domRect.width === 0 && domRect.height === 0 && domRect.x === 0 && domRect.y === 0;
     if (isZeroDimensionRect) {
       var leafRect = leafEl.getBoundingClientRect();
@@ -3806,8 +3808,8 @@ var defaultScrollSelectionIntoView = (editor, domRange) => {
         return;
       }
     }
-    // Default behavior: use domRange's getBoundingClientRect
-    leafEl.getBoundingClientRect = domRange.getBoundingClientRect.bind(domRange);
+    // Default behavior: use domFocusPoint's getBoundingClientRect
+    leafEl.getBoundingClientRect = domFocusPoint.getBoundingClientRect.bind(domFocusPoint);
     scrollIntoView(leafEl, {
       scrollMode: 'if-needed'
     });