fix: added event cancelable to touch event

tremorlabs · Oct 31, 2023 · 5154644 · 5154644
1 parent cf9c78a
commit 5154644
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/src/components/input-elements/NumberInput/NumberInput.tsx b/src/components/input-elements/NumberInput/NumberInput.tsx
@@ -77,7 +77,11 @@ const NumberInput = React.forwardRef<HTMLInputElement, NumberInputProps>((props,
               tabIndex={-1}
               onClick={(e) => e.preventDefault()}
               onMouseDown={(e) => e.preventDefault()}
-              onTouchStart={(e) => e.preventDefault()}
+              onTouchStart={(e) => {
+                if (e.cancelable) {
+                  e.preventDefault();
+                }
+              }}
               onMouseUp={() => {
                 if (disabled) return;
                 inputRef.current?.stepDown();
@@ -100,7 +104,11 @@ const NumberInput = React.forwardRef<HTMLInputElement, NumberInputProps>((props,
               tabIndex={-1}
               onClick={(e) => e.preventDefault()}
               onMouseDown={(e) => e.preventDefault()}
-              onTouchStart={(e) => e.preventDefault()}
+              onTouchStart={(e) => {
+                if (e.cancelable) {
+                  e.preventDefault();
+                }
+              }}
               onMouseUp={() => {
                 if (disabled) return;
                 inputRef.current?.stepUp();