Fix #3951/#3943: InputNumber mobile spin handling (#3959)

primefaces · Jan 22, 2023 · 567f3e8 · 567f3e8
1 parent 1c59f03
commit 567f3e8
Showing 1 changed file with 6 additions and 34 deletions.
diff --git a/components/lib/inputnumber/InputNumber.js b/components/lib/inputnumber/InputNumber.js
@@ -211,12 +211,6 @@ export const InputNumber = React.memo(
             }
         };
 
-        const onUpButtonTouchStart = (event) => {
-            if (!props.disabled && !props.readOnly) {
-                repeat(event, null, 1);
-            }
-        };
-
         const onUpButtonMouseDown = (event) => {
             if (!props.disabled && !props.readOnly) {
                 props.autoFocus && DomHandler.focus(inputRef.current, props.autoFocus);
@@ -225,12 +219,6 @@ export const InputNumber = React.memo(
             }
         };
 
-        const onUpButtonTouchEnd = () => {
-            if (!props.disabled && !props.readOnly) {
-                clearTimer();
-            }
-        };
-
         const onUpButtonMouseUp = () => {
             if (!props.disabled && !props.readOnly) {
                 clearTimer();
@@ -255,18 +243,6 @@ export const InputNumber = React.memo(
             }
         };
 
-        const onDownButtonTouchStart = (event) => {
-            if (!props.disabled && !props.readOnly) {
-                repeat(event, null, -1);
-            }
-        };
-
-        const onDownButtonTouchEnd = () => {
-            if (!props.disabled && !props.readOnly) {
-                clearTimer();
-            }
-        };
-
         const onDownButtonMouseDown = (event) => {
             if (!props.disabled && !props.readOnly) {
                 props.autoFocus && DomHandler.focus(inputRef.current, props.autoFocus);
@@ -1059,13 +1035,11 @@ export const InputNumber = React.memo(
                 <button
                     type="button"
                     className={className}
-                    onMouseLeave={onUpButtonMouseLeave}
-                    onMouseDown={onUpButtonMouseDown}
-                    onMouseUp={onUpButtonMouseUp}
+                    onPointerLeave={onUpButtonMouseLeave}
+                    onPointerDown={onUpButtonMouseDown}
+                    onPointerUp={onUpButtonMouseUp}
                     onKeyDown={onUpButtonKeyDown}
                     onKeyUp={onUpButtonKeyUp}
-                    onTouchStart={onUpButtonTouchStart}
-                    onTouchEnd={onUpButtonTouchEnd}
                     disabled={props.disabled}
                     tabIndex={-1}
                 >
@@ -1089,13 +1063,11 @@ export const InputNumber = React.memo(
                 <button
                     type="button"
                     className={className}
-                    onMouseLeave={onDownButtonMouseLeave}
-                    onMouseDown={onDownButtonMouseDown}
-                    onMouseUp={onDownButtonMouseUp}
+                    onPointerLeave={onDownButtonMouseLeave}
+                    onPointerDown={onDownButtonMouseDown}
+                    onPointerUp={onDownButtonMouseUp}
                     onKeyDown={onDownButtonKeyDown}
                     onKeyUp={onDownButtonKeyUp}
-                    onTouchStart={onDownButtonTouchStart}
-                    onTouchEnd={onDownButtonTouchEnd}
                     disabled={props.disabled}
                     tabIndex={-1}
                 >