fix(desktop): prevent scroll event from increasing/decreasing number

input
loft-sh · Jan 15, 2025 · 39b7f14 · 39b7f14
1 parent 4c75213
commit 39b7f14
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/desktop/src/views/Pro/CreateWorkspace/InfrastructureTemplateInput.tsx b/desktop/src/views/Pro/CreateWorkspace/InfrastructureTemplateInput.tsx
@@ -284,6 +284,11 @@ function OptionFormField({
             spellCheck={false}
             placeholder={placeholder ?? `Enter ${displayName}`}
             type="number"
+            onWheel={(e) => {
+              // This prevents the input field from increasing/decreasing the numbers when the scroll event is captured
+              // while this input field is focused
+              ;(e.target as HTMLInputElement).blur()
+            }}
             {...props}
           />
         )