From fcfb818a27fa7f902f12b1434e75f59d945c5387 Mon Sep 17 00:00:00 2001
From: Robin <robin@robin.town>
Date: Mon, 20 Nov 2023 18:59:56 -0500
Subject: [PATCH] Make the encryption lock tooltip accessible via the keyboard

---
 src/room/EncryptionLock.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/room/EncryptionLock.tsx b/src/room/EncryptionLock.tsx
index f35e1f4c..4d080085 100644
--- a/src/room/EncryptionLock.tsx
+++ b/src/room/EncryptionLock.tsx
@@ -40,6 +40,12 @@ export const EncryptionLock: FC<Props> = ({ encrypted }) => {
         height={16}
         className={styles.lock}
         data-encrypted={encrypted}
+        // Make the icon focusable so that the tooltip can be opened
+        // with keyboard navigation
+        // TODO: Replace this with the solution from
+        // https://github.com/vector-im/compound-web/pull/130 once it
+        // lands
+        tabIndex={0}
       />
     </Tooltip>
   );