From b0ed0be47d5f7da408f5fb02a30f8e599f9609d6 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Tue, 1 Aug 2023 19:43:52 +0800
Subject: [PATCH] Allow keyboard nav after clicking on buttons in media
 carousel

---
 src/components/media-modal.jsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/media-modal.jsx b/src/components/media-modal.jsx
index 0c70fbbc..f100278f 100644
--- a/src/components/media-modal.jsx
+++ b/src/components/media-modal.jsx
@@ -176,6 +176,7 @@ function MediaModal({
                     left: carouselRef.current.clientWidth * i,
                     behavior: 'smooth',
                   });
+                  carouselRef.current.focus();
                 }}
               >
                 &bull;
@@ -245,6 +246,7 @@ function MediaModal({
                 left: carouselRef.current.clientWidth * (currentIndex - 1),
                 behavior: 'smooth',
               });
+              carouselRef.current.focus();
             }}
           >
             <Icon icon="arrow-left" />
@@ -260,6 +262,7 @@ function MediaModal({
                 left: carouselRef.current.clientWidth * (currentIndex + 1),
                 behavior: 'smooth',
               });
+              carouselRef.current.focus();
             }}
           >
             <Icon icon="arrow-right" />
@@ -272,6 +275,7 @@ function MediaModal({
           onClick={(e) => {
             if (e.target === e.currentTarget) {
               setShowMediaAlt(false);
+              carouselRef.current.focus();
             }
           }}
         >