@uniai-fe/uds-primitives 0.1.6 → 0.1.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniai-fe/uds-primitives",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "description": "UNIAI Design System; Primitives Components Package",
   "type": "module",
   "private": false,

package/src/components/input/markup/text/Base.tsx

@@ -1,5 +1,5 @@
 import clsx from "clsx";
-import type { ForwardedRef } from "react";
+import type { ForwardedRef, PointerEvent as ReactPointerEvent } from "react";
 import {
   ChangeEvent,
   FocusEvent,
@@ -290,7 +290,11 @@ const Text = forwardRef<HTMLInputElement, InputProps>(
     }, []);
 
     const handleClear = useCallback(
-      (event: MouseEvent<HTMLButtonElement>) => {
+      (
+        event:
+          | MouseEvent<HTMLButtonElement>
+          | ReactPointerEvent<HTMLButtonElement>,
+      ) => {
         event.preventDefault();
         dispatchNativeInputEvent();
         setHasValue(false);
@@ -314,6 +318,15 @@ const Text = forwardRef<HTMLInputElement, InputProps>(
       setIsClearInteracting(false);
     }, []);
 
+    const handleClearPointerUp = useCallback(
+      (event: ReactPointerEvent<HTMLButtonElement>) => {
+        setIsClearInteracting(false);
+        // pointerup 이벤트에서 onClick이 호출되지 않는 환경(모바일) 대응
+        handleClear(event);
+      },
+      [handleClear],
+    );
+
     const inputName = register?.name ?? name;
 
     return (
@@ -399,6 +412,7 @@ const Text = forwardRef<HTMLInputElement, InputProps>(
                     onClick={handleClear}
                     onPointerDown={handleClearPointerDown}
                     onPointerLeave={handleClearPointerLeave}
+                    onPointerUp={handleClearPointerUp}
                     onPointerCancel={handleClearPointerLeave}
                     aria-label="입력 내용 지우기"
                   >