From 207e46ed4f2c1f33e0d24c88086fa2368deca64e Mon Sep 17 00:00:00 2001
From: Keavon Chambers <keavon@keavon.com>
Date: Sun, 5 Dec 2021 20:05:45 -0800
Subject: [PATCH] Enable vertical scroll wheel on horizontal scrollable
 containers

---
 frontend/src/utilities/input.ts | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/frontend/src/utilities/input.ts b/frontend/src/utilities/input.ts
index ed31656f..6c4a4c3a 100644
--- a/frontend/src/utilities/input.ts
+++ b/frontend/src/utilities/input.ts
@@ -106,6 +106,12 @@ export async function onMouseScroll(e: WheelEvent) {
 	const target = e.target && (e.target as HTMLElement);
 	const inCanvas = target && target.closest(".canvas");
 
+	const horizontalScrollableElement = e.target instanceof HTMLElement && e.target.closest(".scrollable-x");
+	if (horizontalScrollableElement && e.deltaY !== 0) {
+		horizontalScrollableElement.scrollTo(horizontalScrollableElement.scrollLeft + e.deltaY, 0);
+		return;
+	}
+
 	if (inCanvas) {
 		e.preventDefault();
 		const modifiers = makeModifiersBitfield(e);