From d367cf997254bd6a634f439a8f15195747ee3427 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Thu, 11 Sep 2025 21:20:25 +0300
Subject: [PATCH] chore(react/collections/table): bring back wheel scroll

---
 .../src/widgets/collections/board/index.tsx     |  7 +++++--
 .../widgets/view_widgets/board_view/index.ts    |  1 -
 apps/client/src/widgets/widget_utils.ts         | 17 ++++++++++-------
 3 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/apps/client/src/widgets/collections/board/index.tsx b/apps/client/src/widgets/collections/board/index.tsx
index cc00b7b10..5c2c44603 100644
--- a/apps/client/src/widgets/collections/board/index.tsx
+++ b/apps/client/src/widgets/collections/board/index.tsx
@@ -13,6 +13,7 @@ import branchService from "../../../services/branches";
 import { openColumnContextMenu, openNoteContextMenu } from "./context_menu";
 import { ContextMenuEvent } from "../../../menus/context_menu";
 import { createContext } from "preact";
+import { onWheelHorizontalScroll } from "../../widget_utils";
 
 export interface BoardViewData {
     columns?: BoardColumnData[];
@@ -79,7 +80,6 @@ export default function BoardView({ note: parentNote, noteIds, viewConfig, saveC
 
         saveConfig(newViewConfig);
         setColumns(newColumns);
-        console.log("New columns are ", newColumns);
         setDraggedColumn(null);
         setColumnDropPosition(null);
     }, [columns, viewConfig, saveConfig]);
@@ -136,7 +136,10 @@ export default function BoardView({ note: parentNote, noteIds, viewConfig, saveC
     }, [draggedColumn, columnDropPosition, handleColumnDrop]);
 
     return (
-        <div className="board-view">
+        <div
+            className="board-view"
+            onWheel={onWheelHorizontalScroll}
+        >
             <BoardViewContext.Provider value={boardViewContext}>
                 <div
                     className="board-view-container"
diff --git a/apps/client/src/widgets/view_widgets/board_view/index.ts b/apps/client/src/widgets/view_widgets/board_view/index.ts
index 11fe5fe6d..157de0490 100644
--- a/apps/client/src/widgets/view_widgets/board_view/index.ts
+++ b/apps/client/src/widgets/view_widgets/board_view/index.ts
@@ -24,7 +24,6 @@ export default class BoardView extends ViewMode<BoardData> {
         super(args, "board");
 
         this.$root = $(TPL);
-        setupHorizontalScrollViaWheel(this.$root);
         this.$container = this.$root.find(".board-view-container");
         this.spacedUpdate = new SpacedUpdate(() => this.onSave(), 5_000);
         this.persistentData = {
diff --git a/apps/client/src/widgets/widget_utils.ts b/apps/client/src/widgets/widget_utils.ts
index f27fe6814..ba48a38df 100644
--- a/apps/client/src/widgets/widget_utils.ts
+++ b/apps/client/src/widgets/widget_utils.ts
@@ -7,12 +7,15 @@ import utils from "../services/utils.js";
  */
 export function setupHorizontalScrollViaWheel($container: JQuery<HTMLElement>) {
     $container.on("wheel", (event) => {
-        const wheelEvent = event.originalEvent as WheelEvent;
-        if (utils.isCtrlKey(event) || event.altKey || event.shiftKey) {
-            return;
-        }
-        event.preventDefault();
-        event.stopImmediatePropagation();
-        event.currentTarget.scrollLeft += wheelEvent.deltaY + wheelEvent.deltaX;
+        onWheelHorizontalScroll(event.originalEvent as WheelEvent);
     });
 }
+
+export function onWheelHorizontalScroll(event: WheelEvent) {
+    if (!event.currentTarget || utils.isCtrlKey(event) || event.altKey || event.shiftKey) {
+        return;
+    }
+    event.preventDefault();
+    event.stopImmediatePropagation();
+    (event.currentTarget as HTMLElement).scrollLeft += event.deltaY + event.deltaX;
+}