From c6873907efb95b7aef17e81301c30b37a64cf9cc Mon Sep 17 00:00:00 2001
From: Pas <74743263+Pasithea0@users.noreply.github.com>
Date: Fri, 7 Nov 2025 15:41:07 -0700
Subject: [PATCH] esc now closes the caption preview

---
 src/pages/parts/settings/CaptionsPart.tsx | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/src/pages/parts/settings/CaptionsPart.tsx b/src/pages/parts/settings/CaptionsPart.tsx
index 51fbb29f..7c01d7d6 100644
--- a/src/pages/parts/settings/CaptionsPart.tsx
+++ b/src/pages/parts/settings/CaptionsPart.tsx
@@ -28,6 +28,23 @@ export function CaptionPreview(props: {
   onToggle: () => void;
 }) {
   const { t } = useTranslation();
+  const { fullscreen, show, onToggle } = props;
+
+  useEffect(() => {
+    if (!fullscreen || !show) return;
+
+    const handleKeyDown = (e: KeyboardEvent) => {
+      if (e.key === "Escape") {
+        onToggle();
+      }
+    };
+
+    window.addEventListener("keydown", handleKeyDown);
+    return () => {
+      window.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [fullscreen, show, onToggle]);
+
   return (
     <div
       className={classNames({