fix(input): fix input stopPropagation of React16 (#2833)

Tencent · Apr 4, 2024 · e306ac9 · e306ac9
1 parent 6a629e3
commit e306ac9
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/src/input/Input.tsx b/src/input/Input.tsx
@@ -301,6 +301,8 @@ const Input = forwardRefWithStatics(
     // https://github.com/Tencent/tdesign-react/issues/2320
     function handleMouseDown(e: React.MouseEvent<SVGSVGElement, globalThis.MouseEvent>) {
       e.stopPropagation();
+      // 兼容React16
+      e.nativeEvent.stopImmediatePropagation();
     }
     function handleClear(e: React.MouseEvent<SVGSVGElement>) {
       onChange?.('', { e, trigger: 'clear' });

diff --git a/src/range-input/RangeInput.tsx b/src/range-input/RangeInput.tsx
@@ -104,6 +104,8 @@ const RangeInput = React.forwardRef<RangeInputInstanceFunctions, RangeInputProps
   // https://github.com/Tencent/tdesign-react/issues/2320
   function handleMouseDown(e: React.MouseEvent<SVGSVGElement, globalThis.MouseEvent>) {
     e.stopPropagation();
+    // 兼容React16
+    e.nativeEvent.stopImmediatePropagation();
   }
 
   function handleClear(e: React.MouseEvent<SVGSVGElement>) {