fix: stop propagation

toeverything · Mar 16, 2024 · c83267f · c83267f
1 parent e4809ee
commit c83267f
Showing 1 changed file with 8 additions and 5 deletions.
diff --git a/packages/frontend/component/src/ui/editable/inline-edit.tsx b/packages/frontend/component/src/ui/editable/inline-edit.tsx
@@ -1,10 +1,12 @@
 import clsx from 'clsx';
+import type {
+  CSSProperties,
+  ForwardedRef,
+  HTMLAttributes,
+  KeyboardEvent,
+  PropsWithChildren,
+} from 'react';
 import {
-  type CSSProperties,
-  type ForwardedRef,
-  type HTMLAttributes,
-  type KeyboardEvent,
-  type PropsWithChildren,
   useCallback,
   useEffect,
   useImperativeHandle,
@@ -134,6 +136,7 @@ export const InlineEdit = ({
   }, [submit]);
 
   const onKeyDown = useCallback((e: KeyboardEvent<HTMLInputElement>) => {
+    e.stopPropagation();
     if (!exitible) return;
     if (e.key !== 'Escape') return;
     inputRef.current?.blur();