dockview 4.13.0 → 4.13.1

package/dist/dockview.amd.js

@@ -1,6 +1,6 @@
 /**
  * dockview
- * @version 4.13.0
+ * @version 4.13.1
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -8560,7 +8560,14 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
           if (options.debug) {
               this.addDisposables(new StrictEventsSequencing(this));
           }
-          this.addDisposables(this.rootDropTargetContainer, this.overlayRenderContainer, this._onWillDragPanel, this._onWillDragGroup, this._onWillShowOverlay, this._onDidActivePanelChange, this._onDidAddPanel, this._onDidRemovePanel, this._onDidLayoutFromJSON, this._onDidDrop, this._onWillDrop, this._onDidMovePanel, this._onDidAddGroup, this._onDidRemoveGroup, this._onDidActiveGroupChange, this._onUnhandledDragOverEvent, this._onDidMaximizedGroupChange, this._onDidOptionsChange, this._onDidPopoutGroupSizeChange, this._onDidPopoutGroupPositionChange, this._onDidOpenPopoutWindowFail, this.onDidViewVisibilityChangeMicroTaskQueue(() => {
+          this.addDisposables(this.rootDropTargetContainer, this.overlayRenderContainer, this._onWillDragPanel, this._onWillDragGroup, this._onWillShowOverlay, this._onDidActivePanelChange, this._onDidAddPanel, this._onDidRemovePanel, this._onDidLayoutFromJSON, this._onDidDrop, this._onWillDrop, this._onDidMovePanel, this._onDidMovePanel.event(() => {
+              /**
+               * Update overlay positions after DOM layout completes to prevent 0×0 dimensions.
+               * With defaultRenderer="always" this results in panel content not showing after move operations.
+               * Debounced to avoid multiple calls when moving groups with multiple panels.
+               */
+              this.debouncedUpdateAllPositions();
+          }), this._onDidAddGroup, this._onDidRemoveGroup, this._onDidActiveGroupChange, this._onUnhandledDragOverEvent, this._onDidMaximizedGroupChange, this._onDidOptionsChange, this._onDidPopoutGroupSizeChange, this._onDidPopoutGroupPositionChange, this._onDidOpenPopoutWindowFail, this.onDidViewVisibilityChangeMicroTaskQueue(() => {
               this.updateWatermark();
           }), this.onDidAdd((event) => {
               if (!this._moving) {
@@ -9426,9 +9433,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
           }
           this.updateWatermark();
           // Force position updates for always visible panels after DOM layout is complete
-          requestAnimationFrame(() => {
-              this.overlayRenderContainer.updateAllPositions();
-          });
+          this.debouncedUpdateAllPositions();
           this._onDidLayoutFromJSON.fire();
       }
       clear() {
@@ -9764,6 +9769,15 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
           }
           return re;
       }
+      debouncedUpdateAllPositions() {
+          if (this._updatePositionsFrameId !== undefined) {
+              cancelAnimationFrame(this._updatePositionsFrameId);
+          }
+          this._updatePositionsFrameId = requestAnimationFrame(() => {
+              this._updatePositionsFrameId = undefined;
+              this.overlayRenderContainer.updateAllPositions();
+          });
+      }
       movingLock(func) {
           const isMoving = this._moving;
           try {
@@ -9834,13 +9848,6 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
                   panel: removedPanel,
                   from: sourceGroup,
               });
-              /**
-              * Update overlay positions after DOM layout completes to prevent 0×0 dimensions.
-              * With defaultRenderer="always" this results in panel content not showing after move operations.
-              */
-              requestAnimationFrame(() => {
-                  this.overlayRenderContainer.updateAllPositions();
-              });
           }
           else {
               /**
@@ -10081,6 +10088,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
           from.panels.forEach((panel) => {
               this._onDidMovePanel.fire({ panel, from });
           });
+          this.debouncedUpdateAllPositions();
           // Ensure group becomes active after move
           if (options.skipSetActive === false) {
               // Only activate when explicitly requested (skipSetActive: false)