From 7bb0ad8c3c3eb778a9626c2f1d79d2747bccf116 Mon Sep 17 00:00:00 2001
From: ankit_ml12 <patidarankit0734@gmail.com>
Date: Sat, 7 Dec 2024 11:18:03 +0530
Subject: [PATCH] fix: disable number change in case of scrolling

---
 packages/components/input/src/use-input.ts | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/packages/components/input/src/use-input.ts b/packages/components/input/src/use-input.ts
index 7d5e751d46..fbcf2c5d7f 100644
--- a/packages/components/input/src/use-input.ts
+++ b/packages/components/input/src/use-input.ts
@@ -82,6 +82,10 @@ export interface Props<T extends HTMLInputElement | HTMLTextAreaElement = HTMLIn
    * React aria onChange event.
    */
   onValueChange?: (value: string) => void;
+  /**
+   * disable  the number chnage on scrolling
+   */
+  disableScrollChange?: boolean;
 }
 
 type AutoCapitalize = AriaTextFieldOptions<"input">["autoCapitalize"];
@@ -116,6 +120,7 @@ export function useInput<T extends HTMLInputElement | HTMLTextAreaElement = HTML
     validationBehavior = formValidationBehavior ?? globalContext?.validationBehavior ?? "native",
     innerWrapperRef: innerWrapperRefProp,
     onValueChange = () => {},
+    disableScrollChange,
     ...otherProps
   } = props;
 
@@ -125,6 +130,11 @@ export function useInput<T extends HTMLInputElement | HTMLTextAreaElement = HTML
     },
     [onValueChange],
   );
+  const handleScrollingChange = (e: React.WheelEvent<HTMLInputElement>) => {
+    if (disableScrollChange) {
+      (e.target as HTMLInputElement).blur();
+    }
+  };
 
   const [isFocusWithin, setFocusWithin] = useState(false);
 
@@ -386,6 +396,7 @@ export function useInput<T extends HTMLInputElement | HTMLTextAreaElement = HTML
         "aria-readonly": dataAttr(originalProps.isReadOnly),
         onChange: chain(inputProps.onChange, onChange),
         ref: domRef,
+        onWheel: handleScrollingChange,
       };
     },
     [
@@ -402,6 +413,7 @@ export function useInput<T extends HTMLInputElement | HTMLTextAreaElement = HTML
       originalProps.isReadOnly,
       originalProps.isRequired,
       onChange,
+      disableScrollChange,
     ],
   );