loom-browser 0.0.10 → 0.0.11

package/dist/loom-react.esm.js

@@ -9838,8 +9838,13 @@ class TrackDataManager {
      * 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) {
@@ -9854,7 +9859,7 @@ class TrackDataManager {
         }
         this.loadDebounceTimer = setTimeout(() => {
             this.loadDebounceTimer = null;
-            this.loadAllTracksIfNeeded(managedTracks, locus, viewportWidth);
+            this.loadAllTracksIfNeeded(managedTracks, locus, getViewportWidth());
         }, 100);
     }
     loadAllTracksIfNeeded(managedTracks, locus, viewportWidth) {
@@ -10677,7 +10682,7 @@ class HeadlessGenomeBrowser {
         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 });
     }
     /**
@@ -13744,14 +13749,16 @@ class GenomeBrowser extends HeadlessGenomeBrowser {
         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;
     }