Close the labels modal on escape key

2023-06-20 15:06:13 +08:00
parent 3f0c46f9f9
commit 783dc0b1f1
1 changed files with 4 additions and 0 deletions
--- a/packages/web/components/templates/article/SetLabelsModal.tsx
+++ b/packages/web/components/templates/article/SetLabelsModal.tsx
@ -181,6 +181,10 @@ export function SetLabelsModal(props: SetLabelsModalProps): JSX.Element {
          event.preventDefault()
          props.onOpenChange(false)
        }}
+        onEscapeKeyDown={(event) => {
+          props.onOpenChange(false)
+          event.preventDefault()
+        }}
      >
        <VStack distribution="start" css={{ height: '100%' }}>
          <SpanBox css={{ pt: '0px', px: '16px', width: '100%' }}>