dockview-core 6.6.1 → 7.0.3

package/dist/esm/overlay/overlay.js

@@ -39,6 +39,15 @@ export class Overlay extends CompositeDisposable {
     get isVisible() {
         return this._isVisible;
     }
+    /**
+     * Height of the optional drag-handle header, or 0 when none is present.
+     * Used to translate between the overlay's outer box and the content area
+     * available to the group beneath the header.
+     */
+    get headerHeight() {
+        var _a, _b;
+        return (_b = (_a = this.options.header) === null || _a === void 0 ? void 0 : _a.offsetHeight) !== null && _b !== void 0 ? _b : 0;
+    }
     constructor(options) {
         super();
         this.options = options;
@@ -54,6 +63,11 @@ export class Overlay extends CompositeDisposable {
         this._dragCancelled = false;
         this.addDisposables(this._onDidChange, this._onDidChangeEnd, this._onDidStartMoving, this._dragMove);
         this._element.className = 'dv-resize-container';
+        // Floating groups are non-modal dialogs over the layout. The contained
+        // group(s) carry their own `role="region"` + label, so the dialog
+        // itself only needs role + modality here.
+        this._element.setAttribute('role', 'dialog');
+        this._element.setAttribute('aria-modal', 'false');
         this._isVisible = true;
         this.setupResize('top');
         this.setupResize('bottom');
@@ -63,6 +77,10 @@ export class Overlay extends CompositeDisposable {
         this.setupResize('topright');
         this.setupResize('bottomleft');
         this.setupResize('bottomright');
+        if (this.options.header) {
+            toggleClass(this._element, 'dv-resize-container-with-titlebar', true);
+            this._element.appendChild(this.options.header);
+        }
         this._element.appendChild(this.options.content);
         this.options.container.appendChild(this._element);
         // if input bad resize within acceptable boundaries
@@ -140,19 +158,19 @@ export class Overlay extends CompositeDisposable {
         const element = this._element.getBoundingClientRect();
         const result = {};
         if (this.verticalAlignment === 'top') {
-            result.top = parseFloat(this._element.style.top);
+            result.top = Number.parseFloat(this._element.style.top);
         }
         else if (this.verticalAlignment === 'bottom') {
-            result.bottom = parseFloat(this._element.style.bottom);
+            result.bottom = Number.parseFloat(this._element.style.bottom);
         }
         else {
             result.top = element.top - container.top;
         }
         if (this.horiziontalAlignment === 'left') {
-            result.left = parseFloat(this._element.style.left);
+            result.left = Number.parseFloat(this._element.style.left);
         }
         else if (this.horiziontalAlignment === 'right') {
-            result.right = parseFloat(this._element.style.right);
+            result.right = Number.parseFloat(this._element.style.right);
         }
         else {
             result.left = element.left - container.left;
@@ -177,9 +195,14 @@ export class Overlay extends CompositeDisposable {
     }
     setupDrag(dragTarget, options = { inDragMode: false }) {
         const track = (captureTarget, pointerId) => {
+            var _a, _b, _c;
             let offset = null;
             let hasMoved = false;
             this._dragCancelled = false;
+            // Snapshot once per drag — siblings don't move while this one drags.
+            const siblingBoxes = this.options.transformDragPosition
+                ? ((_c = (_b = (_a = this.options).getSiblingBoxes) === null || _b === void 0 ? void 0 : _b.call(_a)) !== null && _c !== void 0 ? _c : [])
+                : [];
             const iframes = disableIframePointEvents();
             if (captureTarget &&
                 typeof pointerId === 'number' &&
@@ -187,7 +210,7 @@ export class Overlay extends CompositeDisposable {
                 try {
                     captureTarget.setPointerCapture(pointerId);
                 }
-                catch (_a) {
+                catch (_d) {
                     // ignore – non-fatal if the browser refuses capture
                 }
             }
@@ -211,7 +234,7 @@ export class Overlay extends CompositeDisposable {
                         }
                     }
                 },
-            }, addDisposableListener(window, 'pointermove', (e) => {
+            }, addDisposableListener(globalThis.window, 'pointermove', (e) => {
                 if (this._dragCancelled) {
                     return;
                 }
@@ -220,21 +243,41 @@ export class Overlay extends CompositeDisposable {
                 const y = e.clientY - containerRect.top;
                 toggleClass(this._element, 'dv-resize-container-dragging', true);
                 const overlayRect = this._element.getBoundingClientRect();
-                if (offset === null) {
-                    offset = {
-                        x: e.clientX - overlayRect.left,
-                        y: e.clientY - overlayRect.top,
-                    };
-                }
+                offset !== null && offset !== void 0 ? offset : (offset = {
+                    x: e.clientX - overlayRect.left,
+                    y: e.clientY - overlayRect.top,
+                });
                 const xOffset = Math.max(0, this.getMinimumWidth(overlayRect.width));
                 const yOffset = Math.max(0, this.getMinimumHeight(overlayRect.height));
-                const top = clamp(y - offset.y, -yOffset, Math.max(0, containerRect.height - overlayRect.height + yOffset));
-                const bottom = clamp(offset.y -
-                    y +
-                    containerRect.height -
-                    overlayRect.height, -yOffset, Math.max(0, containerRect.height - overlayRect.height + yOffset));
-                const left = clamp(x - offset.x, -xOffset, Math.max(0, containerRect.width - overlayRect.width + xOffset));
-                const right = clamp(offset.x - x + containerRect.width - overlayRect.width, -xOffset, Math.max(0, containerRect.width - overlayRect.width + xOffset));
+                let proposedTop = y - offset.y;
+                let proposedLeft = x - offset.x;
+                // Let a consumer nudge the proposed position (snapping,
+                // custom bounds) before the container clamp below.
+                if (this.options.transformDragPosition) {
+                    const adjusted = this.options.transformDragPosition({
+                        proposed: {
+                            top: proposedTop,
+                            left: proposedLeft,
+                            width: overlayRect.width,
+                            height: overlayRect.height,
+                        },
+                        container: {
+                            width: containerRect.width,
+                            height: containerRect.height,
+                        },
+                        others: siblingBoxes,
+                    });
+                    if (adjusted) {
+                        proposedTop = adjusted.top;
+                        proposedLeft = adjusted.left;
+                    }
+                }
+                const maxTop = Math.max(0, containerRect.height - overlayRect.height + yOffset);
+                const maxLeft = Math.max(0, containerRect.width - overlayRect.width + xOffset);
+                const top = clamp(proposedTop, -yOffset, maxTop);
+                const bottom = clamp(containerRect.height - overlayRect.height - proposedTop, -yOffset, maxTop);
+                const left = clamp(proposedLeft, -xOffset, maxLeft);
+                const right = clamp(containerRect.width - overlayRect.width - proposedLeft, -xOffset, maxLeft);
                 const bounds = {};
                 // Anchor to top or to bottom depending on which one is closer
                 if (top <= bottom) {
@@ -255,7 +298,7 @@ export class Overlay extends CompositeDisposable {
                     hasMoved = true;
                     this._onDidStartMoving.fire();
                 }
-            }), addDisposableListener(window, 'pointerup', end), addDisposableListener(window, 'pointercancel', end));
+            }), addDisposableListener(globalThis.window, 'pointerup', end), addDisposableListener(globalThis.window, 'pointercancel', end));
         };
         this.addDisposables(addDisposableListener(dragTarget, 'pointerdown', (event) => {
             if (event.defaultPrevented) {
@@ -309,20 +352,18 @@ export class Overlay extends CompositeDisposable {
                 move.dispose();
                 this._onDidChangeEnd.fire();
             };
-            move.value = new CompositeDisposable(addDisposableListener(window, 'pointermove', (e) => {
+            move.value = new CompositeDisposable(addDisposableListener(globalThis.window, 'pointermove', (e) => {
                 const containerRect = this.options.container.getBoundingClientRect();
                 const overlayRect = this._element.getBoundingClientRect();
                 const y = e.clientY - containerRect.top;
                 const x = e.clientX - containerRect.left;
-                if (startPosition === null) {
-                    // record the initial dimensions since as all subsequence moves are relative to this
-                    startPosition = {
-                        originalY: y,
-                        originalHeight: overlayRect.height,
-                        originalX: x,
-                        originalWidth: overlayRect.width,
-                    };
-                }
+                // record the initial dimensions since as all subsequence moves are relative to this
+                startPosition !== null && startPosition !== void 0 ? startPosition : (startPosition = {
+                    originalY: y,
+                    originalHeight: overlayRect.height,
+                    originalX: x,
+                    originalWidth: overlayRect.width,
+                });
                 let top = undefined;
                 let bottom = undefined;
                 let height = undefined;
@@ -337,7 +378,8 @@ export class Overlay extends CompositeDisposable {
                         ? Math.max(0, containerRect.height -
                             Overlay.MINIMUM_HEIGHT)
                         : Math.max(0, startPosition.originalY +
-                            startPosition.originalHeight -
+                            startPosition
+                                .originalHeight -
                             Overlay.MINIMUM_HEIGHT);
                     top = clamp(y, 0, maxTop);
                     height =
@@ -352,8 +394,8 @@ export class Overlay extends CompositeDisposable {
                             startPosition.originalHeight;
                     // When dragging bottom handle, constrain height to container height
                     const minHeight = top < 0 &&
-                        typeof this.options.minimumInViewportHeight ===
-                            'number'
+                        typeof this.options
+                            .minimumInViewportHeight === 'number'
                         ? -top +
                             this.options.minimumInViewportHeight
                         : Overlay.MINIMUM_HEIGHT;
@@ -383,8 +425,8 @@ export class Overlay extends CompositeDisposable {
                             startPosition.originalWidth;
                     // When dragging right handle, constrain width to container width
                     const minWidth = left < 0 &&
-                        typeof this.options.minimumInViewportWidth ===
-                            'number'
+                        typeof this.options
+                            .minimumInViewportWidth === 'number'
                         ? -left +
                             this.options.minimumInViewportWidth
                         : Overlay.MINIMUM_WIDTH;
@@ -453,7 +495,7 @@ export class Overlay extends CompositeDisposable {
                         }
                     }
                 },
-            }, addDisposableListener(window, 'pointerup', end), addDisposableListener(window, 'pointercancel', end));
+            }, addDisposableListener(globalThis.window, 'pointerup', end), addDisposableListener(globalThis.window, 'pointercancel', end));
         }));
     }
     getMinimumWidth(width) {

package/dist/esm/overlay/overlayRenderContainer.js

@@ -9,7 +9,7 @@ class PositionCache {
     }
     getPosition(element) {
         const cached = this.cache.get(element);
-        if (cached && cached.frameId === this.currentFrameId) {
+        if ((cached === null || cached === void 0 ? void 0 : cached.frameId) === this.currentFrameId) {
             return cached.rect;
         }
         this.scheduleFrameUpdate();
@@ -221,11 +221,10 @@ export class OverlayRenderContainer extends CompositeDisposable {
             correctLayerPosition();
         }));
         this.map[panel.api.id].destroy = Disposable.from(() => {
-            var _a;
             if (contentElement.parentElement === focusContainer) {
-                focusContainer.removeChild(contentElement);
+                contentElement.remove();
             }
-            (_a = focusContainer.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild(focusContainer);
+            focusContainer.remove();
         });
         correctLayerPosition();
         queueMicrotask(() => {

package/dist/esm/paneview/draggablePaneviewPanel.d.ts

@@ -18,8 +18,8 @@ export declare abstract class DraggablePaneviewPanel extends PaneviewPanel {
     private pointerTarget;
     private readonly _onDidDrop;
     readonly onDidDrop: Event<PaneviewDidDropEvent>;
-    private readonly _onUnhandledDragOverEvent;
-    readonly onUnhandledDragOverEvent: Event<PaneviewDndOverlayEvent>;
+    private readonly _onUnhandledDragOver;
+    readonly onUnhandledDragOver: Event<PaneviewDndOverlayEvent>;
     readonly accessor: IPaneviewComponent;
     constructor(options: {
         accessor: IPaneviewComponent;

package/dist/esm/paneview/draggablePaneviewPanel.js

@@ -19,10 +19,10 @@ export class DraggablePaneviewPanel extends PaneviewPanel {
         });
         this._onDidDrop = new Emitter();
         this.onDidDrop = this._onDidDrop.event;
-        this._onUnhandledDragOverEvent = new Emitter();
-        this.onUnhandledDragOverEvent = this._onUnhandledDragOverEvent.event;
+        this._onUnhandledDragOver = new Emitter();
+        this.onUnhandledDragOver = this._onUnhandledDragOver.event;
         this.accessor = options.accessor;
-        this.addDisposables(this._onDidDrop, this._onUnhandledDragOverEvent);
+        this.addDisposables(this._onDidDrop, this._onUnhandledDragOver);
         if (!options.disableDnd) {
             this.initDragFeatures();
         }
@@ -55,7 +55,7 @@ export class DraggablePaneviewPanel extends PaneviewPanel {
                 }
             }
             const firedEvent = new PaneviewUnhandledDragOverEvent(event, position, getPaneData, this);
-            this._onUnhandledDragOverEvent.fire(firedEvent);
+            this._onUnhandledDragOver.fire(firedEvent);
             return firedEvent.isAccepted;
         };
         const dropTargetOptions = {
@@ -75,7 +75,7 @@ export class DraggablePaneviewPanel extends PaneviewPanel {
     }
     onDrop(event) {
         const data = getPaneData();
-        if (!data || data.viewId !== this.accessor.id) {
+        if ((data === null || data === void 0 ? void 0 : data.viewId) !== this.accessor.id) {
             // if there is no local drag event for this panel
             // or if the drag event was creating by another Paneview instance
             this._onDidDrop.fire(Object.assign(Object.assign({}, event), { panel: this, api: new PaneviewApi(this.accessor), getData: getPaneData }));

package/dist/esm/paneview/paneviewComponent.d.ts

@@ -74,7 +74,7 @@ export interface IPaneviewComponent extends IDisposable {
     readonly onDidDrop: Event<PaneviewDidDropEvent>;
     readonly onDidLayoutChange: Event<void>;
     readonly onDidLayoutFromJSON: Event<void>;
-    readonly onUnhandledDragOverEvent: Event<PaneviewDndOverlayEvent>;
+    readonly onUnhandledDragOver: Event<PaneviewDndOverlayEvent>;
     addPanel<T extends object = Parameters>(options: AddPaneviewComponentOptions<T>): IPaneviewPanel;
     layout(width: number, height: number): void;
     toJSON(): SerializedPaneview;
@@ -103,8 +103,8 @@ export declare class PaneviewComponent extends Resizable implements IPaneviewCom
     readonly onDidAddView: Event<PaneviewPanel>;
     private readonly _onDidRemoveView;
     readonly onDidRemoveView: Event<PaneviewPanel>;
-    private readonly _onUnhandledDragOverEvent;
-    readonly onUnhandledDragOverEvent: Event<PaneviewDndOverlayEvent>;
+    private readonly _onUnhandledDragOver;
+    readonly onUnhandledDragOver: Event<PaneviewDndOverlayEvent>;
     private readonly _classNames;
     get id(): string;
     get panels(): PaneviewPanel[];

package/dist/esm/paneview/paneviewComponent.js

@@ -86,11 +86,11 @@ export class PaneviewComponent extends Resizable {
         this.onDidAddView = this._onDidAddView.event;
         this._onDidRemoveView = new Emitter();
         this.onDidRemoveView = this._onDidRemoveView.event;
-        this._onUnhandledDragOverEvent = new Emitter();
-        this.onUnhandledDragOverEvent = this._onUnhandledDragOverEvent.event;
+        this._onUnhandledDragOver = new Emitter();
+        this.onUnhandledDragOver = this._onUnhandledDragOver.event;
         this.element.style.height = '100%';
         this.element.style.width = '100%';
-        this.addDisposables(this._onDidLayoutChange, this._onDidLayoutfromJSON, this._onDidDrop, this._onDidAddView, this._onDidRemoveView, this._onUnhandledDragOverEvent);
+        this.addDisposables(this._onDidLayoutChange, this._onDidLayoutfromJSON, this._onDidDrop, this._onDidAddView, this._onDidRemoveView, this._onUnhandledDragOver);
         this._classNames = new Classnames(this.element);
         this._classNames.setClassNames((_a = options.className) !== null && _a !== void 0 ? _a : '');
         // the container is owned by the third-party, do not modify/delete it
@@ -132,9 +132,7 @@ export class PaneviewComponent extends Resizable {
                 name: options.headerComponent,
             });
         }
-        if (!header) {
-            header = new DefaultHeader();
-        }
+        header !== null && header !== void 0 ? header : (header = new DefaultHeader());
         const view = new PaneFramework({
             id: options.id,
             component: options.component,
@@ -233,9 +231,7 @@ export class PaneviewComponent extends Resizable {
                             name: data.headerComponent,
                         });
                     }
-                    if (!header) {
-                        header = new DefaultHeader();
-                    }
+                    header !== null && header !== void 0 ? header : (header = new DefaultHeader());
                     const panel = new PaneFramework({
                         id: data.id,
                         component: data.component,
@@ -286,8 +282,8 @@ export class PaneviewComponent extends Resizable {
     doAddPanel(panel) {
         const disposable = new CompositeDisposable(panel.onDidDrop((event) => {
             this._onDidDrop.fire(event);
-        }), panel.onUnhandledDragOverEvent((event) => {
-            this._onUnhandledDragOverEvent.fire(event);
+        }), panel.onUnhandledDragOver((event) => {
+            this._onUnhandledDragOver.fire(event);
         }));
         this._viewDisposables.set(panel.id, disposable);
     }

package/dist/esm/popoutWindow.js

@@ -19,13 +19,13 @@ import { CompositeDisposable, Disposable } from './lifecycle';
 export function assertSameOriginPopoutUrl(url) {
     let resolved;
     try {
-        resolved = new URL(url, window.location.href);
+        resolved = new URL(url, globalThis.location.href);
     }
     catch (_a) {
         throw new Error(`dockview: invalid popout URL: ${url}`);
     }
     const protocolOk = resolved.protocol === 'http:' || resolved.protocol === 'https:';
-    if (!protocolOk || resolved.origin !== window.location.origin) {
+    if (!protocolOk || resolved.origin !== globalThis.location.origin) {
         throw new Error(`dockview: popout URL must be same-origin http(s); got: ${url}`);
     }
 }
@@ -103,7 +103,7 @@ export class PopoutWindow extends CompositeDisposable {
             this._window = { value: externalWindow, disposable };
             disposable.addDisposables(Disposable.from(() => {
                 externalWindow.close();
-            }), addDisposableListener(window, 'beforeunload', () => {
+            }), addDisposableListener(globalThis.window, 'beforeunload', () => {
                 /**
                  * before the main window closes we should close this popup too
                  * to be good citizens
@@ -133,7 +133,7 @@ export class PopoutWindow extends CompositeDisposable {
                         const externalDocument = externalWindow.document;
                         externalDocument.title = document.title;
                         externalDocument.body.appendChild(container);
-                        addStyles(externalDocument, window.document.styleSheets, {
+                        addStyles(externalDocument, globalThis.document.styleSheets, {
                             nonce: this.options.nonce,
                         });
                         /**

package/dist/esm/scrollbar.d.ts

@@ -6,7 +6,7 @@ export declare class Scrollbar extends CompositeDisposable {
     private _scrollOffset;
     private _animationTimer;
     private _orientation;
-    static MouseWheelSpeed: number;
+    static readonly MouseWheelSpeed = 1;
     get element(): HTMLElement;
     get orientation(): 'horizontal' | 'vertical';
     set orientation(value: 'horizontal' | 'vertical');

package/dist/esm/scrollbar.js

@@ -58,15 +58,16 @@ export class Scrollbar extends CompositeDisposable {
                 this._scrollOffset = originalScrollOffset + delta / p;
                 this.calculateScrollbarStyles();
             };
+            const doc = this.element.ownerDocument;
             const onEnd = () => {
                 toggleClass(this.element, 'dv-scrollable-scrolling', false);
-                document.removeEventListener('pointermove', onPointerMove);
-                document.removeEventListener('pointerup', onEnd);
-                document.removeEventListener('pointercancel', onEnd);
+                doc.removeEventListener('pointermove', onPointerMove);
+                doc.removeEventListener('pointerup', onEnd);
+                doc.removeEventListener('pointercancel', onEnd);
             };
-            document.addEventListener('pointermove', onPointerMove);
-            document.addEventListener('pointerup', onEnd);
-            document.addEventListener('pointercancel', onEnd);
+            doc.addEventListener('pointermove', onPointerMove);
+            doc.addEventListener('pointerup', onEnd);
+            doc.addEventListener('pointercancel', onEnd);
         }), addDisposableListener(this.element, 'scroll', () => {
             this.calculateScrollbarStyles();
         }), addDisposableListener(this.scrollableElement, 'scroll', () => {

package/dist/esm/splitview/splitview.d.ts

@@ -137,7 +137,7 @@ export declare class Splitview {
     private findFirstSnapIndex;
     private updateSashEnablement;
     private updateSash;
-    private resize;
+    private readonly resize;
     private createViewContainer;
     private createSashContainer;
     private createContainer;

package/dist/esm/splitview/splitview.js

@@ -342,7 +342,7 @@ export class Splitview {
         const viewItem = new ViewItem(container, view, viewSize, {
             dispose: () => {
                 disposable.dispose();
-                this.viewContainer.removeChild(container);
+                container.remove();
             },
         });
         if (index === this.viewItems.length) {
@@ -418,29 +418,30 @@ export class Splitview {
                     this.distributeEmptySpace();
                     this.layoutViews();
                 };
+                const doc = sash.ownerDocument;
                 const end = () => {
                     for (const item of this.viewItems) {
                         item.enabled = true;
                     }
                     iframes.release();
                     this.saveProportions();
-                    document.removeEventListener('pointermove', onPointerMove);
-                    document.removeEventListener('pointerup', end);
-                    document.removeEventListener('pointercancel', end);
-                    document.removeEventListener('contextmenu', end);
+                    doc.removeEventListener('pointermove', onPointerMove);
+                    doc.removeEventListener('pointerup', end);
+                    doc.removeEventListener('pointercancel', end);
+                    doc.removeEventListener('contextmenu', end);
                     this._onDidSashEnd.fire(undefined);
                 };
-                document.addEventListener('pointermove', onPointerMove);
-                document.addEventListener('pointerup', end);
-                document.addEventListener('pointercancel', end);
-                document.addEventListener('contextmenu', end);
+                doc.addEventListener('pointermove', onPointerMove);
+                doc.addEventListener('pointerup', end);
+                doc.addEventListener('pointercancel', end);
+                doc.addEventListener('contextmenu', end);
             };
             sash.addEventListener('pointerdown', onPointerStart);
             const sashItem = {
                 container: sash,
                 disposable: () => {
                     sash.removeEventListener('pointerdown', onPointerStart);
-                    this.sashContainer.removeChild(sash);
+                    sash.remove();
                 },
             };
             this.sashContainer.appendChild(sash);
@@ -487,7 +488,7 @@ export class Splitview {
         if (!skipLayout) {
             this.relayout();
         }
-        if (sizing && sizing.type === 'distribute') {
+        if ((sizing === null || sizing === void 0 ? void 0 : sizing.type) === 'distribute') {
             this.distributeViewSizes();
         }
         this._onDidRemoveView.fire(viewItem.view);
@@ -502,7 +503,7 @@ export class Splitview {
     }
     moveView(from, to) {
         const cachedVisibleSize = this.getViewCachedVisibleSize(from);
-        const sizing = typeof cachedVisibleSize === 'undefined'
+        const sizing = cachedVisibleSize === undefined
             ? this.getViewSize(from)
             : Sizing.Invisible(cachedVisibleSize);
         const view = this.removeView(from, undefined, true);
@@ -512,13 +513,7 @@ export class Splitview {
         const previousSize = Math.max(this.size, this._contentSize);
         this.size = size;
         this.orthogonalSize = orthogonalSize;
-        if (!this.proportions) {
-            const indexes = range(this.viewItems.length);
-            const lowPriorityIndexes = indexes.filter((i) => this.viewItems[i].priority === LayoutPriority.Low);
-            const highPriorityIndexes = indexes.filter((i) => this.viewItems[i].priority === LayoutPriority.High);
-            this.resize(this.viewItems.length - 1, size - previousSize, undefined, lowPriorityIndexes, highPriorityIndexes);
-        }
-        else {
+        if (this.proportions) {
             let total = 0;
             for (let i = 0; i < this.viewItems.length; i++) {
                 const item = this.viewItems[i];
@@ -538,6 +533,12 @@ export class Splitview {
                 }
             }
         }
+        else {
+            const indexes = range(this.viewItems.length);
+            const lowPriorityIndexes = indexes.filter((i) => this.viewItems[i].priority === LayoutPriority.Low);
+            const highPriorityIndexes = indexes.filter((i) => this.viewItems[i].priority === LayoutPriority.High);
+            this.resize(this.viewItems.length - 1, size - previousSize, undefined, lowPriorityIndexes, highPriorityIndexes);
+        }
         this.distributeEmptySpace();
         this.layoutViews();
     }
@@ -757,7 +758,7 @@ export class Splitview {
         this._onDidRemoveView.dispose();
         for (let i = 0; i < this.element.children.length; i++) {
             if (this.element.children.item(i) === this.element) {
-                this.element.removeChild(this.element);
+                this.element.remove();
                 break;
             }
         }

package/dist/esm/splitview/viewItem.js

@@ -10,7 +10,7 @@ export class ViewItem {
         return this._cachedVisibleSize;
     }
     get visible() {
-        return typeof this._cachedVisibleSize === 'undefined';
+        return this._cachedVisibleSize === undefined;
     }
     get minimumSize() {
         return this.visible ? this.view.minimumSize : 0;