fix: add Typed Esc handler

openameba · Nov 28, 2022 · a688c3e · a688c3e
1 parent c603659
commit a688c3e
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/packages/spindle-ui/src/Modal/AppealModal.tsx b/packages/spindle-ui/src/Modal/AppealModal.tsx
@@ -49,6 +49,16 @@ const Frame = forwardRef<DialogHTMLElement, AppealModalProps>(
       }
     };
 
+    const handleTypeEscape = (
+      event: React.SyntheticEvent<DialogHTMLElement>,
+    ) => {
+      setClosing(false);
+      // Detect Esc Key type
+      if (event.target == dialogEl.current) {
+        onClose && onClose(event);
+      }
+    };
+
     const handleAnimationEnd = useCallback(
       (event: AnimationEvent) => {
         if (
@@ -106,7 +116,7 @@ const Frame = forwardRef<DialogHTMLElement, AppealModalProps>(
           .trim()}
         ref={mergeRefs([dialogEl, ref])}
         onClick={handleDialogClick}
-        onClose={() => setClosing(false)}
+        onClose={handleTypeEscape}
         {...rest}
       >
         <form