From c424c726545ec8e6d80024eec3aa37d74e245101 Mon Sep 17 00:00:00 2001
From: yash dixit <yarsh66@gmail.com>
Date: Tue, 7 Jan 2025 22:36:45 +0530
Subject: [PATCH] [TextField] Fix number input continuous increment after mouse
 release (#44963)

---
 .../mui-material/src/TextField/TextField.js   | 30 +++++++++++++++++--
 1 file changed, 28 insertions(+), 2 deletions(-)

diff --git a/packages/mui-material/src/TextField/TextField.js b/packages/mui-material/src/TextField/TextField.js
index 74bf4578371872..1dfb604e8e0a9e 100644
--- a/packages/mui-material/src/TextField/TextField.js
+++ b/packages/mui-material/src/TextField/TextField.js
@@ -16,6 +16,7 @@ import FormHelperText from '../FormHelperText';
 import Select from '../Select';
 import { getTextFieldUtilityClass } from './textFieldClasses';
 import useSlot from '../utils/useSlot';
+import { unstable_mergeRefs as mergeRefs } from '@mui/utils';
 
 const variantComponent = {
   standard: Input,
@@ -199,6 +200,31 @@ const TextField = React.forwardRef(function TextField(inProps, ref) {
     ownerState,
   });
 
+  // Add inputRef to track our specific input element
+  const numberInputRef = React.useRef(null);
+  
+  React.useEffect(() => {
+    if (type === 'number') {
+      const cleanup = () => {
+        // Only blur if it's our specific number input that's active
+        if (document.activeElement === numberInputRef.current) {
+          numberInputRef.current.blur();
+        }
+      };
+
+      window.addEventListener('mouseup', cleanup);
+      return () => {
+        window.removeEventListener('mouseup', cleanup);
+      };
+    }
+  }, [type]);
+
+  // Merge refs to maintain both our internal ref and any provided inputRef
+  const handleRef = React.useMemo(
+    () => mergeRefs([numberInputRef, inputRef]),
+    [inputRef]
+  );
+
   const InputElement = (
     <InputSlot
       aria-describedby={helperTextId}
@@ -214,7 +240,7 @@ const TextField = React.forwardRef(function TextField(inProps, ref) {
       type={type}
       value={value}
       id={id}
-      inputRef={inputRef}
+      inputRef={type === 'number' ? handleRef : inputRef}
       onBlur={onBlur}
       onChange={onChange}
       onFocus={onFocus}
@@ -482,4 +508,4 @@ TextField.propTypes /* remove-proptypes */ = {
   variant: PropTypes.oneOf(['filled', 'outlined', 'standard']),
 };
 
-export default TextField;
+export default TextField;
\ No newline at end of file