From c03f39b10ca0355fcaa6dd1239a7a4c60a7f4ebc Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Thu, 26 Oct 2023 02:18:39 +0800
Subject: [PATCH] Fix media alt modal not esc-able

---
 src/components/media-alt-modal.jsx | 2 +-
 src/components/modals.jsx          | 6 ++----
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/components/media-alt-modal.jsx b/src/components/media-alt-modal.jsx
index aa2cc042..a45a9c83 100644
--- a/src/components/media-alt-modal.jsx
+++ b/src/components/media-alt-modal.jsx
@@ -24,7 +24,7 @@ export default function MediaAltModal({ alt, lang, onClose }) {
     );
 
   return (
-    <div class="sheet">
+    <div class="sheet" tabindex="-1">
       {!!onClose && (
         <button type="button" class="sheet-close outer" onClick={onClose}>
           <Icon icon="x" />
diff --git a/src/components/modals.jsx b/src/components/modals.jsx
index 7b5073be..0d35a381 100644
--- a/src/components/modals.jsx
+++ b/src/components/modals.jsx
@@ -183,10 +183,8 @@ export default function Modals() {
       {!!snapStates.showMediaAlt && (
         <Modal
           class="light"
-          onClick={(e) => {
-            if (e.target === e.currentTarget) {
-              states.showMediaAlt = false;
-            }
+          onClose={(e) => {
+            states.showMediaAlt = false;
           }}
         >
           <MediaAltModal