dockview-core 4.12.0 → 4.13.0

package/dist/cjs/api/component.api.d.ts

@@ -16,7 +16,7 @@ import { PaneviewDidDropEvent } from '../paneview/draggablePaneviewPanel';
 import { GroupDragEvent, TabDragEvent } from '../dockview/components/titlebar/tabsContainer';
 import { Box } from '../types';
 import { DockviewDidDropEvent, DockviewWillDropEvent } from '../dockview/dockviewGroupPanelModel';
-import { WillShowOverlayLocationEvent } from '../dockview/events';
+import { DockviewWillShowOverlayLocationEvent } from '../dockview/events';
 import { PaneviewComponentOptions, PaneviewDndOverlayEvent } from '../paneview/options';
 import { SplitviewComponentOptions } from '../splitview/options';
 import { GridviewComponentOptions } from '../gridview/options';
@@ -403,7 +403,7 @@ export declare class DockviewApi implements CommonApi<SerializedDockview> {
      * Calling `event.preventDefault()` will prevent the overlay being shown and prevent
      * the any subsequent drop event.
      */
-    get onWillShowOverlay(): Event<WillShowOverlayLocationEvent>;
+    get onWillShowOverlay(): Event<DockviewWillShowOverlayLocationEvent>;
     /**
      * Invoked before a group is dragged.
      *

package/dist/cjs/api/dockviewGroupPanelApi.d.ts

@@ -3,7 +3,7 @@ import { DockviewComponent } from '../dockview/dockviewComponent';
 import { DockviewGroupPanel } from '../dockview/dockviewGroupPanel';
 import { DockviewGroupChangeEvent, DockviewGroupLocation } from '../dockview/dockviewGroupPanelModel';
 import { Emitter, Event } from '../events';
-import { GridviewPanelApi, GridviewPanelApiImpl } from './gridviewPanelApi';
+import { GridviewPanelApi, GridviewPanelApiImpl, SizeEvent } from './gridviewPanelApi';
 export interface DockviewGroupMoveParams {
     group?: DockviewGroupPanel;
     position?: Position;
@@ -36,12 +36,14 @@ export interface DockviewGroupPanelFloatingChangeEvent {
 export declare class DockviewGroupPanelApiImpl extends GridviewPanelApiImpl {
     private readonly accessor;
     private _group;
+    private _pendingSize;
     readonly _onDidLocationChange: Emitter<DockviewGroupPanelFloatingChangeEvent>;
     readonly onDidLocationChange: Event<DockviewGroupPanelFloatingChangeEvent>;
     readonly _onDidActivePanelChange: Emitter<DockviewGroupChangeEvent>;
     readonly onDidActivePanelChange: Event<DockviewGroupChangeEvent>;
     get location(): DockviewGroupLocation;
     constructor(id: string, accessor: DockviewComponent);
+    setSize(event: SizeEvent): void;
     close(): void;
     getWindow(): Window;
     moveTo(options: DockviewGroupMoveParams): void;

package/dist/cjs/api/dockviewGroupPanelApi.js

@@ -14,6 +14,17 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DockviewGroupPanelApiImpl = void 0;
 var droptarget_1 = require("../dnd/droptarget");
@@ -29,7 +40,13 @@ var DockviewGroupPanelApiImpl = /** @class */ (function (_super) {
         _this.onDidLocationChange = _this._onDidLocationChange.event;
         _this._onDidActivePanelChange = new events_1.Emitter();
         _this.onDidActivePanelChange = _this._onDidActivePanelChange.event;
-        _this.addDisposables(_this._onDidLocationChange, _this._onDidActivePanelChange);
+        _this.addDisposables(_this._onDidLocationChange, _this._onDidActivePanelChange, _this._onDidVisibilityChange.event(function (event) {
+            // When becoming visible, apply any pending size change
+            if (event.isVisible && _this._pendingSize) {
+                _super.prototype.setSize.call(_this, _this._pendingSize);
+                _this._pendingSize = undefined;
+            }
+        }));
         return _this;
     }
     Object.defineProperty(DockviewGroupPanelApiImpl.prototype, "location", {
@@ -42,6 +59,12 @@ var DockviewGroupPanelApiImpl = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    DockviewGroupPanelApiImpl.prototype.setSize = function (event) {
+        // Always store the requested size
+        this._pendingSize = __assign({}, event);
+        // Apply the size change immediately
+        _super.prototype.setSize.call(this, event);
+    };
     DockviewGroupPanelApiImpl.prototype.close = function () {
         if (!this._group) {
             return;

package/dist/cjs/dockview/components/titlebar/tabs.d.ts

@@ -2,7 +2,7 @@ import { Event } from '../../../events';
 import { CompositeDisposable } from '../../../lifecycle';
 import { DockviewComponent } from '../../dockviewComponent';
 import { DockviewGroupPanel } from '../../dockviewGroupPanel';
-import { WillShowOverlayLocationEvent } from '../../events';
+import { DockviewWillShowOverlayLocationEvent } from '../../events';
 import { IDockviewPanel } from '../../dockviewPanel';
 import { Tab } from '../tab/tab';
 import { TabDragEvent, TabDropIndexEvent } from './tabsContainer';
@@ -20,7 +20,7 @@ export declare class Tabs extends CompositeDisposable {
     private readonly _onDrop;
     readonly onDrop: Event<TabDropIndexEvent>;
     private readonly _onWillShowOverlay;
-    readonly onWillShowOverlay: Event<WillShowOverlayLocationEvent>;
+    readonly onWillShowOverlay: Event<DockviewWillShowOverlayLocationEvent>;
     private readonly _onOverflowTabsChange;
     readonly onOverflowTabsChange: Event<{
         tabs: string[];

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

@@ -246,7 +246,7 @@ var Tabs = /** @class */ (function (_super) {
                 index: _this._tabs.findIndex(function (x) { return x.value === tab; }),
             });
         }), tab.onWillShowOverlay(function (event) {
-            _this._onWillShowOverlay.fire(new events_2.WillShowOverlayLocationEvent(event, {
+            _this._onWillShowOverlay.fire(new events_2.DockviewWillShowOverlayLocationEvent(event, {
                 kind: 'tab',
                 panel: _this.group.activePanel,
                 api: _this.accessor.api,

package/dist/cjs/dockview/components/titlebar/tabsContainer.d.ts

@@ -4,7 +4,7 @@ import { Tab } from '../tab/tab';
 import { DockviewGroupPanel } from '../../dockviewGroupPanel';
 import { IDockviewPanel } from '../../dockviewPanel';
 import { DockviewComponent } from '../../dockviewComponent';
-import { WillShowOverlayLocationEvent } from '../../events';
+import { DockviewWillShowOverlayLocationEvent } from '../../events';
 export interface TabDropIndexEvent {
     readonly event: DragEvent;
     readonly index: number;
@@ -24,7 +24,7 @@ export interface ITabsContainer extends IDisposable {
     readonly onDrop: Event<TabDropIndexEvent>;
     readonly onTabDragStart: Event<TabDragEvent>;
     readonly onGroupDragStart: Event<GroupDragEvent>;
-    readonly onWillShowOverlay: Event<WillShowOverlayLocationEvent>;
+    readonly onWillShowOverlay: Event<DockviewWillShowOverlayLocationEvent>;
     hidden: boolean;
     delete(id: string): void;
     indexOf(id: string): number;
@@ -62,7 +62,7 @@ export declare class TabsContainer extends CompositeDisposable implements ITabsC
     private readonly _onGroupDragStart;
     readonly onGroupDragStart: Event<GroupDragEvent>;
     private readonly _onWillShowOverlay;
-    readonly onWillShowOverlay: Event<WillShowOverlayLocationEvent>;
+    readonly onWillShowOverlay: Event<DockviewWillShowOverlayLocationEvent>;
     get panels(): string[];
     get size(): number;
     get hidden(): boolean;

package/dist/cjs/dockview/components/titlebar/tabsContainer.js

@@ -85,7 +85,7 @@ var TabsContainer = /** @class */ (function (_super) {
                 index: _this.tabs.size,
             });
         }), _this.voidContainer.onWillShowOverlay(function (event) {
-            _this._onWillShowOverlay.fire(new events_2.WillShowOverlayLocationEvent(event, {
+            _this._onWillShowOverlay.fire(new events_2.DockviewWillShowOverlayLocationEvent(event, {
                 kind: 'header_space',
                 panel: _this.group.activePanel,
                 api: _this.accessor.api,

package/dist/cjs/dockview/dockviewComponent.d.ts

@@ -8,7 +8,7 @@ import { BaseGrid, IBaseGrid } from '../gridview/baseComponentGridview';
 import { DockviewApi } from '../api/component.api';
 import { Orientation } from '../splitview/splitview';
 import { GroupOptions, GroupPanelViewState, DockviewDidDropEvent, DockviewWillDropEvent } from './dockviewGroupPanelModel';
-import { WillShowOverlayLocationEvent } from './events';
+import { DockviewWillShowOverlayLocationEvent } from './events';
 import { DockviewGroupPanel } from './dockviewGroupPanel';
 import { Parameters } from '../panel/types';
 import { DockviewFloatingGroupPanel } from './dockviewFloatingGroupPanel';
@@ -129,7 +129,7 @@ export interface IDockviewComponent extends IBaseGrid<DockviewGroupPanel> {
     readonly orientation: Orientation;
     readonly onDidDrop: Event<DockviewDidDropEvent>;
     readonly onWillDrop: Event<DockviewWillDropEvent>;
-    readonly onWillShowOverlay: Event<WillShowOverlayLocationEvent>;
+    readonly onWillShowOverlay: Event<DockviewWillShowOverlayLocationEvent>;
     readonly onDidRemovePanel: Event<IDockviewPanel>;
     readonly onDidAddPanel: Event<IDockviewPanel>;
     readonly onDidLayoutFromJSON: Event<void>;
@@ -199,7 +199,7 @@ export declare class DockviewComponent extends BaseGrid<DockviewGroupPanel> impl
     private readonly _onWillDrop;
     readonly onWillDrop: Event<DockviewWillDropEvent>;
     private readonly _onWillShowOverlay;
-    readonly onWillShowOverlay: Event<WillShowOverlayLocationEvent>;
+    readonly onWillShowOverlay: Event<DockviewWillShowOverlayLocationEvent>;
     private readonly _onUnhandledDragOverEvent;
     readonly onUnhandledDragOverEvent: Event<DockviewDndOverlayEvent>;
     private readonly _onDidRemovePanel;

package/dist/cjs/dockview/dockviewComponent.js

@@ -272,7 +272,7 @@ var DockviewComponent = /** @class */ (function (_super) {
                 // option only available when no panels in primary grid
                 return;
             }
-            _this._onWillShowOverlay.fire(new events_2.WillShowOverlayLocationEvent(event, {
+            _this._onWillShowOverlay.fire(new events_2.DockviewWillShowOverlayLocationEvent(event, {
                 kind: 'edge',
                 panel: undefined,
                 api: _this._api,
@@ -1761,6 +1761,13 @@ var DockviewComponent = /** @class */ (function (_super) {
                 panel: removedPanel_1,
                 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(function () {
+                _this.overlayRenderContainer.updateAllPositions();
+            });
         }
         else {
             /**

package/dist/cjs/dockview/dockviewGroupPanelModel.d.ts

@@ -3,7 +3,7 @@ import { PanelTransfer } from '../dnd/dataTransfer';
 import { Position } from '../dnd/droptarget';
 import { DockviewComponent } from './dockviewComponent';
 import { DockviewEvent, Event } from '../events';
-import { DockviewGroupDropLocation, WillShowOverlayLocationEvent } from './events';
+import { DockviewGroupDropLocation, DockviewWillShowOverlayLocationEvent } from './events';
 import { IViewSize } from '../gridview/gridview';
 import { CompositeDisposable } from '../lifecycle';
 import { IPanel, PanelInitParameters, PanelUpdateEvent, Parameters } from '../panel/types';
@@ -155,7 +155,7 @@ export declare class DockviewGroupPanelModel extends CompositeDisposable impleme
     private readonly _onWillDrop;
     readonly onWillDrop: Event<DockviewWillDropEvent>;
     private readonly _onWillShowOverlay;
-    readonly onWillShowOverlay: Event<WillShowOverlayLocationEvent>;
+    readonly onWillShowOverlay: Event<DockviewWillShowOverlayLocationEvent>;
     private readonly _onTabDragStart;
     readonly onTabDragStart: Event<TabDragEvent>;
     private readonly _onGroupDragStart;

package/dist/cjs/dockview/dockviewGroupPanelModel.js

@@ -194,7 +194,7 @@ var DockviewGroupPanelModel = /** @class */ (function (_super) {
         }), _this.tabsContainer.onWillShowOverlay(function (event) {
             _this._onWillShowOverlay.fire(event);
         }), _this.contentContainer.dropTarget.onWillShowOverlay(function (event) {
-            _this._onWillShowOverlay.fire(new events_2.WillShowOverlayLocationEvent(event, {
+            _this._onWillShowOverlay.fire(new events_2.DockviewWillShowOverlayLocationEvent(event, {
                 kind: 'content',
                 panel: _this.activePanel,
                 api: _this._api,

package/dist/cjs/dockview/events.d.ts

@@ -5,16 +5,16 @@ import { IDockviewPanel } from './dockviewPanel';
 import { DockviewGroupPanel } from './dockviewGroupPanel';
 import { IDockviewEvent } from '../events';
 export type DockviewGroupDropLocation = 'tab' | 'header_space' | 'content' | 'edge';
-export interface WillShowOverlayLocationEventOptions {
+export interface DockviewWillShowOverlayLocationEventOptions {
     readonly kind: DockviewGroupDropLocation;
     readonly panel: IDockviewPanel | undefined;
     readonly api: DockviewApi;
     readonly group: DockviewGroupPanel | undefined;
     getData: () => PanelTransfer | undefined;
 }
-export declare class WillShowOverlayLocationEvent implements IDockviewEvent {
+export declare class DockviewWillShowOverlayLocationEvent implements IDockviewEvent {
     private readonly event;
-    readonly options: WillShowOverlayLocationEventOptions;
+    readonly options: DockviewWillShowOverlayLocationEventOptions;
     get kind(): DockviewGroupDropLocation;
     get nativeEvent(): DragEvent;
     get position(): Position;
@@ -24,5 +24,5 @@ export declare class WillShowOverlayLocationEvent implements IDockviewEvent {
     get group(): DockviewGroupPanel | undefined;
     preventDefault(): void;
     getData(): PanelTransfer | undefined;
-    constructor(event: WillShowOverlayEvent, options: WillShowOverlayLocationEventOptions);
+    constructor(event: WillShowOverlayEvent, options: DockviewWillShowOverlayLocationEventOptions);
 }

package/dist/cjs/dockview/events.js

@@ -1,66 +1,66 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.WillShowOverlayLocationEvent = void 0;
-var WillShowOverlayLocationEvent = /** @class */ (function () {
-    function WillShowOverlayLocationEvent(event, options) {
+exports.DockviewWillShowOverlayLocationEvent = void 0;
+var DockviewWillShowOverlayLocationEvent = /** @class */ (function () {
+    function DockviewWillShowOverlayLocationEvent(event, options) {
         this.event = event;
         this.options = options;
     }
-    Object.defineProperty(WillShowOverlayLocationEvent.prototype, "kind", {
+    Object.defineProperty(DockviewWillShowOverlayLocationEvent.prototype, "kind", {
         get: function () {
             return this.options.kind;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(WillShowOverlayLocationEvent.prototype, "nativeEvent", {
+    Object.defineProperty(DockviewWillShowOverlayLocationEvent.prototype, "nativeEvent", {
         get: function () {
             return this.event.nativeEvent;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(WillShowOverlayLocationEvent.prototype, "position", {
+    Object.defineProperty(DockviewWillShowOverlayLocationEvent.prototype, "position", {
         get: function () {
             return this.event.position;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(WillShowOverlayLocationEvent.prototype, "defaultPrevented", {
+    Object.defineProperty(DockviewWillShowOverlayLocationEvent.prototype, "defaultPrevented", {
         get: function () {
             return this.event.defaultPrevented;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(WillShowOverlayLocationEvent.prototype, "panel", {
+    Object.defineProperty(DockviewWillShowOverlayLocationEvent.prototype, "panel", {
         get: function () {
             return this.options.panel;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(WillShowOverlayLocationEvent.prototype, "api", {
+    Object.defineProperty(DockviewWillShowOverlayLocationEvent.prototype, "api", {
         get: function () {
             return this.options.api;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(WillShowOverlayLocationEvent.prototype, "group", {
+    Object.defineProperty(DockviewWillShowOverlayLocationEvent.prototype, "group", {
         get: function () {
             return this.options.group;
         },
         enumerable: false,
         configurable: true
     });
-    WillShowOverlayLocationEvent.prototype.preventDefault = function () {
+    DockviewWillShowOverlayLocationEvent.prototype.preventDefault = function () {
         this.event.preventDefault();
     };
-    WillShowOverlayLocationEvent.prototype.getData = function () {
+    DockviewWillShowOverlayLocationEvent.prototype.getData = function () {
         return this.options.getData();
     };
-    return WillShowOverlayLocationEvent;
+    return DockviewWillShowOverlayLocationEvent;
 }());
-exports.WillShowOverlayLocationEvent = WillShowOverlayLocationEvent;
+exports.DockviewWillShowOverlayLocationEvent = DockviewWillShowOverlayLocationEvent;

package/dist/cjs/index.d.ts

@@ -16,7 +16,8 @@ export * from './gridview/baseComponentGridview';
 export { DraggablePaneviewPanel, PaneviewDidDropEvent as PaneviewDropEvent, } from './paneview/draggablePaneviewPanel';
 export * from './dockview/components/panel/content';
 export * from './dockview/components/tab/tab';
-export * from './dockview/dockviewGroupPanelModel';
+export { DockviewGroupPanelModel, DockviewDidDropEvent, DockviewWillDropEvent, DockviewGroupChangeEvent, } from './dockview/dockviewGroupPanelModel';
+export { DockviewWillShowOverlayLocationEvent } from './dockview/events';
 export { TabDragEvent, GroupDragEvent, } from './dockview/components/titlebar/tabsContainer';
 export * from './dockview/types';
 export * from './dockview/dockviewGroupPanel';

package/dist/cjs/index.js

@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createSplitview = exports.createPaneview = exports.createGridview = exports.createDockview = exports.DockviewApi = exports.GridviewApi = exports.PaneviewApi = exports.SplitviewApi = exports.directionToPosition = exports.positionToDirection = exports.SplitviewPanel = exports.PaneviewUnhandledDragOverEvent = exports.PROPERTY_KEYS_PANEVIEW = exports.DefaultDockviewDeserialzier = exports.DefaultTab = exports.DraggablePaneviewPanel = exports.PROPERTY_KEYS_GRIDVIEW = exports.PROPERTY_KEYS_SPLITVIEW = exports.DockviewDisposable = exports.DockviewCompositeDisposable = exports.DockviewMutableDisposable = exports.DockviewEvent = exports.DockviewEmitter = exports.PanelTransfer = exports.PaneTransfer = exports.getPanelData = exports.getPaneData = void 0;
+exports.createSplitview = exports.createPaneview = exports.createGridview = exports.createDockview = exports.DockviewApi = exports.GridviewApi = exports.PaneviewApi = exports.SplitviewApi = exports.directionToPosition = exports.positionToDirection = exports.SplitviewPanel = exports.PaneviewUnhandledDragOverEvent = exports.PROPERTY_KEYS_PANEVIEW = exports.DefaultDockviewDeserialzier = exports.DefaultTab = exports.DockviewWillShowOverlayLocationEvent = exports.DockviewWillDropEvent = exports.DockviewDidDropEvent = exports.DockviewGroupPanelModel = exports.DraggablePaneviewPanel = exports.PROPERTY_KEYS_GRIDVIEW = exports.PROPERTY_KEYS_SPLITVIEW = exports.DockviewDisposable = exports.DockviewCompositeDisposable = exports.DockviewMutableDisposable = exports.DockviewEvent = exports.DockviewEmitter = exports.PanelTransfer = exports.PaneTransfer = exports.getPanelData = exports.getPaneData = void 0;
 var dataTransfer_1 = require("./dnd/dataTransfer");
 Object.defineProperty(exports, "getPaneData", { enumerable: true, get: function () { return dataTransfer_1.getPaneData; } });
 Object.defineProperty(exports, "getPanelData", { enumerable: true, get: function () { return dataTransfer_1.getPanelData; } });
@@ -45,7 +45,12 @@ var draggablePaneviewPanel_1 = require("./paneview/draggablePaneviewPanel");
 Object.defineProperty(exports, "DraggablePaneviewPanel", { enumerable: true, get: function () { return draggablePaneviewPanel_1.DraggablePaneviewPanel; } });
 __exportStar(require("./dockview/components/panel/content"), exports);
 __exportStar(require("./dockview/components/tab/tab"), exports);
-__exportStar(require("./dockview/dockviewGroupPanelModel"), exports);
+var dockviewGroupPanelModel_1 = require("./dockview/dockviewGroupPanelModel");
+Object.defineProperty(exports, "DockviewGroupPanelModel", { enumerable: true, get: function () { return dockviewGroupPanelModel_1.DockviewGroupPanelModel; } });
+Object.defineProperty(exports, "DockviewDidDropEvent", { enumerable: true, get: function () { return dockviewGroupPanelModel_1.DockviewDidDropEvent; } });
+Object.defineProperty(exports, "DockviewWillDropEvent", { enumerable: true, get: function () { return dockviewGroupPanelModel_1.DockviewWillDropEvent; } });
+var events_2 = require("./dockview/events");
+Object.defineProperty(exports, "DockviewWillShowOverlayLocationEvent", { enumerable: true, get: function () { return events_2.DockviewWillShowOverlayLocationEvent; } });
 __exportStar(require("./dockview/types"), exports);
 __exportStar(require("./dockview/dockviewGroupPanel"), exports);
 __exportStar(require("./dockview/options"), exports);

package/dist/cjs/overlay/overlay.js

@@ -343,13 +343,16 @@ var Overlay = /** @class */ (function (_super) {
                 var right = undefined;
                 var width = undefined;
                 var moveTop = function () {
-                    top = (0, math_1.clamp)(y, -Number.MAX_VALUE, startPosition.originalY +
+                    // When dragging top handle, constrain top position to prevent oversizing
+                    var maxTop = startPosition.originalY +
                         startPosition.originalHeight >
                         containerRect.height
-                        ? _this.getMinimumHeight(containerRect.height)
+                        ? Math.max(0, containerRect.height -
+                            Overlay.MINIMUM_HEIGHT)
                         : Math.max(0, startPosition.originalY +
                             startPosition.originalHeight -
-                            Overlay.MINIMUM_HEIGHT));
+                            Overlay.MINIMUM_HEIGHT);
+                    top = (0, math_1.clamp)(y, 0, maxTop);
                     height =
                         startPosition.originalY +
                             startPosition.originalHeight -
@@ -360,22 +363,27 @@ var Overlay = /** @class */ (function (_super) {
                     top =
                         startPosition.originalY -
                             startPosition.originalHeight;
-                    height = (0, math_1.clamp)(y - top, top < 0 &&
-                        typeof _this.options
-                            .minimumInViewportHeight === 'number'
+                    // When dragging bottom handle, constrain height to container height
+                    var minHeight = top < 0 &&
+                        typeof _this.options.minimumInViewportHeight ===
+                            'number'
                         ? -top +
                             _this.options.minimumInViewportHeight
-                        : Overlay.MINIMUM_HEIGHT, Number.MAX_VALUE);
+                        : Overlay.MINIMUM_HEIGHT;
+                    var maxHeight = containerRect.height - Math.max(0, top);
+                    height = (0, math_1.clamp)(y - top, minHeight, maxHeight);
                     bottom = containerRect.height - top - height;
                 };
                 var moveLeft = function () {
-                    left = (0, math_1.clamp)(x, -Number.MAX_VALUE, startPosition.originalX +
+                    var maxLeft = startPosition.originalX +
                         startPosition.originalWidth >
                         containerRect.width
-                        ? _this.getMinimumWidth(containerRect.width)
+                        ? Math.max(0, containerRect.width -
+                            Overlay.MINIMUM_WIDTH) // Prevent extending beyong right edge
                         : Math.max(0, startPosition.originalX +
                             startPosition.originalWidth -
-                            Overlay.MINIMUM_WIDTH));
+                            Overlay.MINIMUM_WIDTH);
+                    left = (0, math_1.clamp)(x, 0, maxLeft); // min is 0 (Not -Infinity) to prevent dragging beyond left edge
                     width =
                         startPosition.originalX +
                             startPosition.originalWidth -
@@ -386,12 +394,15 @@ var Overlay = /** @class */ (function (_super) {
                     left =
                         startPosition.originalX -
                             startPosition.originalWidth;
-                    width = (0, math_1.clamp)(x - left, left < 0 &&
-                        typeof _this.options
-                            .minimumInViewportWidth === 'number'
+                    // When dragging right handle, constrain width to container width
+                    var minWidth = left < 0 &&
+                        typeof _this.options.minimumInViewportWidth ===
+                            'number'
                         ? -left +
                             _this.options.minimumInViewportWidth
-                        : Overlay.MINIMUM_WIDTH, Number.MAX_VALUE);
+                        : Overlay.MINIMUM_WIDTH;
+                    var maxWidth = containerRect.width - Math.max(0, left);
+                    width = (0, math_1.clamp)(x - left, minWidth, maxWidth);
                     right = containerRect.width - left - width;
                 };
                 switch (direction) {

package/dist/cjs/splitview/splitview.js

@@ -572,11 +572,13 @@ var Splitview = /** @class */ (function () {
                     document.removeEventListener('pointermove', onPointerMove);
                     document.removeEventListener('pointerup', end);
                     document.removeEventListener('pointercancel', end);
+                    document.removeEventListener('contextmenu', end);
                     _this._onDidSashEnd.fire(undefined);
                 };
                 document.addEventListener('pointermove', onPointerMove);
                 document.addEventListener('pointerup', end);
                 document.addEventListener('pointercancel', end);
+                document.addEventListener('contextmenu', end);
             };
             sash_1.addEventListener('pointerdown', onPointerStart_1);
             var sashItem = {