From cac5e4b3482c29595477e17e0a5a4f617563d90b Mon Sep 17 00:00:00 2001
From: muhammedirfan Desk <irfannadapuram@gmail.com>
Date: Mon, 5 May 2025 20:43:37 +0530
Subject: [PATCH] Fixed horizontal panning with mouse wheel

---
 frontend/package.json            | 2 +-
 frontend/src/utils/panAndZoom.ts | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/frontend/package.json b/frontend/package.json
index 3f2cdf3a..eae113bd 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -3,7 +3,7 @@
 	"private": true,
 	"version": "0.0.0",
 	"scripts": {
-		"dev": "vite",
+		"dev": "vite --host",
 		"build": "vite build --base=/assets/studio/frontend/ && yarn copy-html-entry && yarn copy-app-renderer",
 		"copy-html-entry": "cp ../studio/public/frontend/index.html ../studio/www/studio.html",
 		"copy-app-renderer": "cp ../studio/public/frontend/renderer.html ../studio/templates/generators/renderer.html",
diff --git a/frontend/src/utils/panAndZoom.ts b/frontend/src/utils/panAndZoom.ts
index 8a58e882..a3cc37a5 100644
--- a/frontend/src/utils/panAndZoom.ts
+++ b/frontend/src/utils/panAndZoom.ts
@@ -55,6 +55,12 @@ function setPanAndZoom(
 				props.translateX += diffX / scale;
 				props.translateY += diffY / scale;
 			});
+		} else if (e.shiftKey) {
+			props.panning = true;
+			pinchPointSet = false;
+			// Horizontal panning when shift key is pressed
+			props.translateX -= e.deltaY / props.scale;
+			props.translateY -= e.deltaX / props.scale;
 		} else {
 			props.panning = true;
 			pinchPointSet = false;