Ryan/docmost
1
0
Fork 0
mirror of https://github.com/docmost/docmost.git synced 2026-07-20 20:12:46 +10:00
Code Issues Packages Projects Releases Wiki Activity

fix(base): sync header/body horizontal scroll on header focus; expand row via Space, drop expander from tab order

Browse Source
This commit is contained in:
Philipinho
2026-06-15 04:08:52 +01:00
parent cc951ae883
commit 8fc538386d
4 changed files with 31 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/client/src/ee/base/hooks/use-horizontal-scroll-sync.ts
+9
View File
@@ -38,7 +38,15 @@ export function useHorizontalScrollSync<
body.scrollLeft += e.deltaY;
};
const onHeaderScroll = () => {
if (rafId !== 0) return;
if (body.scrollLeft !== header.scrollLeft) {
body.scrollLeft = header.scrollLeft;
}
};
body.addEventListener("scroll", onBodyScroll, { passive: true });
header.addEventListener("scroll", onHeaderScroll, { passive: true });
header.addEventListener("wheel", onHeaderWheel, { passive: false });
// Initial sync in case the body is already scrolled when the hook mounts.
@@ -46,6 +54,7 @@ export function useHorizontalScrollSync<
return () => {
body.removeEventListener("scroll", onBodyScroll);
header.removeEventListener("scroll", onHeaderScroll);
header.removeEventListener("wheel", onHeaderWheel);
if (rafId !== 0) cancelAnimationFrame(rafId);
};