@taocompany/magic-grid 0.3.3 → 0.3.4

package/dist/index.es.js

@@ -18783,7 +18783,7 @@ var RS = class {
 	}
 	syncViewportHeight() {
 		let e = this.getViewportHeight(), t = this.resolveLogicalScrollTopForSync(), n = this.getScrollRange(e);
-		n.compressed ? (this.deps.spacerEl.style.height = "", this.deps.scrollPhantomEl.style.height = `${n.physicalMaxScroll + 1}px`, this.syncCompressedLayerHeight(e)) : (this.deps.spacerEl.style.height = `${n.physicalSpacerHeight}px`, this.deps.scrollPhantomEl.style.height = "0px", this.deps.viewportEl.style.removeProperty("--mg-viewport-px")), this.syncScrollMode(e);
+		this.applySpacerLayoutFromRange(e, n), this.syncScrollMode(e);
 		let r = Math.min(t, n.logicalMaxScroll);
 		this.deps.scrollBridge.syncScrollTop(r), this.applyPhysicalScrollFromLogical(r), this.syncHeaderFooterRowWidth(), this.syncScrollbarGutter(), this.syncBorderClosureState(), this.syncIndexColumnFill();
 	}
@@ -18821,10 +18821,7 @@ var RS = class {
 		let n = this.getViewportHeight();
 		this.syncCompressedLayerHeight(n);
 		let r = e ?? this.getLogicalScrollTop(), i = t ?? this.deps.viewportEl.scrollLeft, a = this.deps.viewportEl.clientWidth, o = xS(this.deps.columnModel, i, a);
-		if (o !== i) {
-			this.scrollTo(r, o);
-			return;
-		}
+		o !== i && (this.deps.viewportEl.scrollLeft = o, this.lastScrollLeft = o, this.deps.headerScrollEl.scrollLeft = o, this.syncFooterScrollLeft(), this.syncFloatingFilterScrollLeft());
 		let s = this.getRenderViewportHeightInternal(), c = this.deps.columnViewport.update(o, a), l = this.deps.columnViewport.getWindow();
 		c && (this.renderHeader(l), this.deps.refreshFooter?.(), this.deps.refreshFloatingFilter?.(), this.deps.applyFocusVisuals()), this.syncFooterScrollLeft(), this.syncFloatingFilterScrollLeft(), this.syncPinnedRows(), this.deps.rowRenderer.redraw(r, s, l, c), this.deps.applyCellRangeVisuals?.(), this.syncIndexColumnFill(), this.onAfterRedraw?.();
 	}
@@ -18841,7 +18838,17 @@ var RS = class {
 		return this.overlayScrollbars === null && (this.overlayScrollbars = FS()), this.overlayScrollbars;
 	}
 	handleViewportResize() {
-		this.deps.isDestroyed() || (PS(), this.overlayScrollbars = null, this.syncViewportHeight());
+		if (this.deps.isDestroyed()) return;
+		PS(), this.overlayScrollbars = null;
+		let e = this.getViewportHeight(), t = this.getScrollRange(e);
+		this.applySpacerLayoutFromRange(e, t), this.syncHeaderFooterRowWidth(), this.syncScrollbarGutter(), this.syncBorderClosureState(), this.syncIndexColumnFill();
+	}
+	applySpacerLayoutFromRange(e, t) {
+		if (t.compressed) {
+			this.deps.spacerEl.style.height = "", this.deps.scrollPhantomEl.style.height = `${t.physicalMaxScroll + 1}px`, this.syncCompressedLayerHeight(e);
+			return;
+		}
+		this.deps.spacerEl.style.height = `${t.physicalSpacerHeight}px`, this.deps.scrollPhantomEl.style.height = "0px", this.deps.viewportEl.style.removeProperty("--mg-viewport-px");
 	}
 	syncHeaderFooterRowWidth() {
 		let e = this.deps.columnModel.getTotalWidth();