From b3063c75da5e3370f32663124bf5715f12d2ff76 Mon Sep 17 00:00:00 2001
From: hamki <me@hamki.org>
Date: Fri, 16 Jan 2026 04:20:34 +0800
Subject: [PATCH] fix: use requestAnimationFrame for smooth sidebar scroll
 tracking

---
 web_src/js/features/file-view.ts | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/web_src/js/features/file-view.ts b/web_src/js/features/file-view.ts
index 44a4fe049e..853c4a76cc 100644
--- a/web_src/js/features/file-view.ts
+++ b/web_src/js/features/file-view.ts
@@ -165,8 +165,15 @@ function initSidebarToggle(elFileView: HTMLElement): void {
   });
   resizeObserver.observe(document.body);
 
-  // Update position on scroll
-  window.addEventListener('scroll', updatePosition, {passive: true});
+  // Update position on scroll - use requestAnimationFrame for smooth updates
+  let scrollRafId: number | null = null;
+  window.addEventListener('scroll', () => {
+    if (scrollRafId !== null) return; // Already scheduled
+    scrollRafId = requestAnimationFrame(() => {
+      updatePosition();
+      scrollRafId = null;
+    });
+  }, {passive: true});
 
   toggleBtn.addEventListener('click', () => {
     const isCurrentlyVisible = !sidebar.classList.contains('sidebar-panel-hidden');