dockview-core 6.0.6 → 6.0.7

package/dist/dockview-core.noStyle.js

@@ -1,6 +1,6 @@
 /**
  * dockview-core
- * @version 6.0.6
+ * @version 6.0.7
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -7332,8 +7332,23 @@
                 new PanelTransfer(this.accessor.id, this.group.id, null, tabGroup.id),
             ], PanelTransfer.prototype);
             const iframes = disableIframePointEvents();
+            // The dragend listener on `_tabsList` is unreachable for chip
+            // drags because cross-group drops detach the chip from the DOM
+            // before dragend fires (the source tab group becomes empty, so
+            // `_positionChipForGroup` removes the chip element). Without
+            // bubbling, the tabsList listener never runs and `_animState`,
+            // `_chipDragCleanup`, and the dragging CSS classes leak. Listen
+            // directly on the chip element so cleanup happens regardless of
+            // whether it's still attached.  (Issue #1254.)
+            const chipElement = chip.element;
+            const onChipDragEnd = () => {
+                chipElement.removeEventListener('dragend', onChipDragEnd);
+                this.resetDragAnimation();
+            };
+            chipElement.addEventListener('dragend', onChipDragEnd);
             this._chipDragCleanup = {
                 dispose: () => {
+                    chipElement.removeEventListener('dragend', onChipDragEnd);
                     panelTransfer.clearData(PanelTransfer.prototype);
                     iframes.release();
                 },

package/dist/esm/dockview/components/titlebar/tabs.js

@@ -731,8 +731,23 @@ export class Tabs extends CompositeDisposable {
             new PanelTransfer(this.accessor.id, this.group.id, null, tabGroup.id),
         ], PanelTransfer.prototype);
         const iframes = disableIframePointEvents();
+        // The dragend listener on `_tabsList` is unreachable for chip
+        // drags because cross-group drops detach the chip from the DOM
+        // before dragend fires (the source tab group becomes empty, so
+        // `_positionChipForGroup` removes the chip element). Without
+        // bubbling, the tabsList listener never runs and `_animState`,
+        // `_chipDragCleanup`, and the dragging CSS classes leak. Listen
+        // directly on the chip element so cleanup happens regardless of
+        // whether it's still attached.  (Issue #1254.)
+        const chipElement = chip.element;
+        const onChipDragEnd = () => {
+            chipElement.removeEventListener('dragend', onChipDragEnd);
+            this.resetDragAnimation();
+        };
+        chipElement.addEventListener('dragend', onChipDragEnd);
         this._chipDragCleanup = {
             dispose: () => {
+                chipElement.removeEventListener('dragend', onChipDragEnd);
                 panelTransfer.clearData(PanelTransfer.prototype);
                 iframes.release();
             },

package/dist/package/main.cjs.js

@@ -1,6 +1,6 @@
 /**
  * dockview-core
- * @version 6.0.6
+ * @version 6.0.7
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -7328,8 +7328,23 @@ class Tabs extends CompositeDisposable {
             new PanelTransfer(this.accessor.id, this.group.id, null, tabGroup.id),
         ], PanelTransfer.prototype);
         const iframes = disableIframePointEvents();
+        // The dragend listener on `_tabsList` is unreachable for chip
+        // drags because cross-group drops detach the chip from the DOM
+        // before dragend fires (the source tab group becomes empty, so
+        // `_positionChipForGroup` removes the chip element). Without
+        // bubbling, the tabsList listener never runs and `_animState`,
+        // `_chipDragCleanup`, and the dragging CSS classes leak. Listen
+        // directly on the chip element so cleanup happens regardless of
+        // whether it's still attached.  (Issue #1254.)
+        const chipElement = chip.element;
+        const onChipDragEnd = () => {
+            chipElement.removeEventListener('dragend', onChipDragEnd);
+            this.resetDragAnimation();
+        };
+        chipElement.addEventListener('dragend', onChipDragEnd);
         this._chipDragCleanup = {
             dispose: () => {
+                chipElement.removeEventListener('dragend', onChipDragEnd);
                 panelTransfer.clearData(PanelTransfer.prototype);
                 iframes.release();
             },