From 98be3f46f3389761021bb4a0ebdbb097a48fd04b Mon Sep 17 00:00:00 2001
From: Ejaaz Khan <ejaaz@frappe.io>
Date: Thu, 16 Jan 2025 15:58:25 +0530
Subject: [PATCH] refactor: change height and add condition on prevent default

---
 frappe/public/js/frappe/form/grid.js | 6 +++++-
 frappe/public/scss/common/grid.scss  | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/frappe/public/js/frappe/form/grid.js b/frappe/public/js/frappe/form/grid.js
index 6427de1e08..306b43f8c8 100644
--- a/frappe/public/js/frappe/form/grid.js
+++ b/frappe/public/js/frappe/form/grid.js
@@ -134,7 +134,11 @@ export default class Grid {
 				} else {
 					scroll_bar.scrollLeft(scroll_bar.scrollLeft() + delta * 4);
 				}
-				e.preventDefault();
+
+				// prevent default behaviour when it is scrolled horizontally
+				if (e.originalEvent.deltaX != 0) {
+					e.preventDefault();
+				}
 			});
 			let touchStartX = 0;
 			let touchMoveX = 0;
diff --git a/frappe/public/scss/common/grid.scss b/frappe/public/scss/common/grid.scss
index 916f6d2bfb..c58831a076 100644
--- a/frappe/public/scss/common/grid.scss
+++ b/frappe/public/scss/common/grid.scss
@@ -332,7 +332,7 @@
 		}
 	}
 	.data-row div[data-fieldname="options"] {
-		height: 39px;
+		height: 40px;
 	}
 }