From 5f15ce9d1a4a029576ce134659c0afe4707c78df Mon Sep 17 00:00:00 2001
From: JoeMakuta <makutajosue@gmail.com>
Date: Fri, 27 Mar 2026 17:51:10 +0200
Subject: [PATCH] feat: add keyboard accessibility to ExpandedMediaOverlay for
 closing with Escape key

---
 surfsense_web/components/ui/expanded-gif-overlay.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/surfsense_web/components/ui/expanded-gif-overlay.tsx b/surfsense_web/components/ui/expanded-gif-overlay.tsx
index b3e1c30ac..018bce944 100644
--- a/surfsense_web/components/ui/expanded-gif-overlay.tsx
+++ b/surfsense_web/components/ui/expanded-gif-overlay.tsx
@@ -69,6 +69,9 @@ function ExpandedMediaOverlay({
 			transition={{ duration: 0.2 }}
 			className="fixed inset-0 z-100 flex items-center justify-center bg-black/70 p-4 backdrop-blur-sm sm:p-8"
 			onClick={onClose}
+			onKeyDown={(e) => {
+      		if (e.key === 'Escape') onClose();
+    		}}
 		>
 			{mediaElement}
 		</motion.div>,