fix(timeline): Fix timeline flickering when zooming timeline

Fix timeline flickering on zooming by removing rendering deferral
katspaugh · Oct 22, 2024 · 887676c · 887676c
1 parent 41ba375
commit 887676c
Showing 1 changed file with 11 additions and 11 deletions.
diff --git a/src/plugins/timeline.ts b/src/plugins/timeline.ts
@@ -161,17 +161,17 @@ class TimelinePlugin extends BasePlugin<TimelinePluginEvents, TimelinePluginOpti
       }
     }
 
-    setTimeout(() => {
-      if (!this.wavesurfer) return
-      const scrollLeft = this.wavesurfer.getScroll()
-      const scrollRight = scrollLeft + this.wavesurfer.getWidth()
-      renderIfVisible(scrollLeft, scrollRight)
-      this.subscriptions.push(
-        this.wavesurfer.on('scroll', (_start, _end, scrollLeft, scrollRight) => {
-          renderIfVisible(scrollLeft, scrollRight)
-        }),
-      )
-    }, 0)
+    if (!this.wavesurfer) return
+    const scrollLeft = this.wavesurfer.getScroll()
+    const scrollRight = scrollLeft + this.wavesurfer.getWidth()
+
+    renderIfVisible(scrollLeft, scrollRight)
+
+    this.subscriptions.push(
+      this.wavesurfer.on('scroll', (_start, _end, scrollLeft, scrollRight) => {
+        renderIfVisible(scrollLeft, scrollRight)
+      }),
+    )
   }
 
   private initTimeline() {