loom-browser 0.0.10 → 0.0.11

package/dist/loom.js

@@ -11321,8 +11321,13 @@
          * During rapid zoom/pan, this coalesces multiple setLocus() calls into a
          * single data fetch cycle after the interaction settles (100ms quiet period).
          * Abort in-flight requests immediately so they don't race with the eventual fetch.
+         *
+         * @param getViewportWidth Getter that reads the current viewport width when
+         *   the timer fires, rather than capturing a stale value at call time. This
+         *   prevents the timer from firing with viewportWidth=0 when debouncedLoad
+         *   was called before the first render/layout.
          */
-        debouncedLoad(managedTracks, locus, viewportWidth) {
+        debouncedLoad(managedTracks, locus, getViewportWidth) {
             // Immediately abort stale in-flight requests so cancelled fetches
             // don't resolve after the debounce fires with a new locus.
             for (const mt of managedTracks) {
@@ -11337,7 +11342,7 @@
             }
             this.loadDebounceTimer = setTimeout(() => {
                 this.loadDebounceTimer = null;
-                this.loadAllTracksIfNeeded(managedTracks, locus, viewportWidth);
+                this.loadAllTracksIfNeeded(managedTracks, locus, getViewportWidth());
             }, 100);
         }
         loadAllTracksIfNeeded(managedTracks, locus, viewportWidth) {
@@ -12160,7 +12165,7 @@
             for (const mt of this.managedTracks) {
                 mt.track.setLocus(this._locus);
             }
-            this.dataManager.debouncedLoad(this.managedTracks, this._locus, this._viewportWidth);
+            this.dataManager.debouncedLoad(this.managedTracks, this._locus, () => this._viewportWidth);
             this.events.emit(BrowserEvent.LocusChange, { locus: this._locus });
         }
         /**
@@ -14704,14 +14709,16 @@
             this.trackRows.set(track, trackRow);
             const id = super.addTrack(track, dataSource, dataSourceConfig, maxTrackHeight, order);
             this._setupTrackRowUI(track);
-            // Schedule a post-layout render. The canvas was just appended to the DOM
-            // but the browser hasn't reflowed yet, so clientWidth reads 0 and the
-            // synchronous render in super.addTrack() (via setLocus) silently skips.
-            // rAF fires after layout, ensuring tracks render with correct dimensions.
+            // Schedule a post-layout render + data load. The canvas was just appended
+            // to the DOM but the browser hasn't reflowed yet, so clientWidth reads 0
+            // and both render (BaseTrackCanvas) and data loading (viewportWidth === 0
+            // guard in loadTrackWithDedup) silently skip. rAF fires after layout,
+            // mirroring the ResizeObserver's initial-mount pattern (lines 334-340).
             requestAnimationFrame(() => {
                 if (!this.resizeObserver)
                     return; // disposed
                 this.render();
+                this.loadAllTracksIfNeeded();
             });
             return id;
         }