virtua 0.52.8 → 0.52.10

package/lib/solid/index.jsx

@@ -988,6 +988,7 @@ var createScrollObserver = (store, viewport, scroller, isHorizontal, isRtl, onMo
 	viewport.addEventListener("touchstart", onTouchStart, { passive: true });
 	viewport.addEventListener("touchend", onTouchEnd, { passive: true });
 	return {
+		_sync: onScroll,
 		_dispose: () => {
 			viewport.removeEventListener("scroll", onScroll);
 			viewport.removeEventListener("wheel", onWheel);
@@ -1084,13 +1085,20 @@ var createContainerDriver = (store, isHorizontal) => {
 	let viewportElement;
 	let scrollObserver;
 	let initialized = createPromise();
+	let isViewportDisplayed = true;
 	const mountedIndexes = new WeakMap();
 	const resizeObserver = createResizeObserver((entries) => {
 		const resizes = [];
 		for (const { target, contentRect: { width, height } } of entries) {
 			if (target === viewportElement) {
 				if (width || height) {
+					if (!isViewportDisplayed) {
+						scrollObserver._sync();
+					}
+					isViewportDisplayed = true;
 					store.$update(4, isHorizontal ? width : height);
+				} else {
+					isViewportDisplayed = false;
 				}
 			} else if (target.offsetParent) {
 				const index = mountedIndexes.get(target);
@@ -1228,6 +1236,7 @@ var createContainerGridDriver = (rowStore, colStore) => {
 	let rowScrollObserver;
 	let colScrollObserver;
 	let initialized = createPromise();
+	let isViewportDisplayed = true;
 	const mountedRowIndexes = new WeakMap();
 	const mountedColIndexes = new WeakMap();
 	const resizeObserver = createResizeObserver((entries) => {
@@ -1236,8 +1245,15 @@ var createContainerGridDriver = (rowStore, colStore) => {
 		for (const { target, contentRect: { width, height } } of entries) {
 			if (target === viewportElement) {
 				if (width || height) {
+					if (!isViewportDisplayed) {
+						rowScrollObserver._sync();
+						colScrollObserver._sync();
+					}
+					isViewportDisplayed = true;
 					rowStore.$update(4, height);
 					colStore.$update(4, width);
+				} else {
+					isViewportDisplayed = false;
 				}
 			} else if (target.offsetParent) {
 				const rowIndex = mountedRowIndexes.get(target);