fix: shift+mousewheel should scroll horizontally, fixes #1094 (#1096)

6pac · Jan 11, 2025 · 5003565 · 5003565
1 parent 8a8d3f4
commit 5003565
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/slick.grid.ts b/src/slick.grid.ts
@@ -5405,8 +5405,12 @@ export class SlickGrid<TData = any, C extends Column<TData> = Column<TData>, O e
 
   protected handleMouseWheel(e: MouseEvent, _delta: number, deltaX: number, deltaY: number) {
     this.scrollHeight = this._viewportScrollContainerY.scrollHeight;
-    this.scrollTop = Math.max(0, this._viewportScrollContainerY.scrollTop - (deltaY * this._options.rowHeight!));
-    this.scrollLeft = this._viewportScrollContainerX.scrollLeft + (deltaX * 10);
+    if (e.shiftKey) {
+      this.scrollLeft = this._viewportScrollContainerX.scrollLeft + (deltaX * 10);
+    } else {
+      this.scrollTop = Math.max(0, this._viewportScrollContainerY.scrollTop - (deltaY * this._options.rowHeight!));
+      this.scrollLeft = this._viewportScrollContainerX.scrollLeft + (deltaX * 10);
+    }
     const handled = this._handleScroll('mousewheel');
     if (handled) {
       e.preventDefault();