From a4c323325332981ba312fa1b38ee4e640c97d28a Mon Sep 17 00:00:00 2001
From: Daniel <danielglezalbo@gmail.com>
Date: Thu, 26 Dec 2024 14:12:13 +0100
Subject: [PATCH] FIX: Makes sure tabIndex works properly on SheetRenameDialog

---
 .../src/components/SheetTabBar/SheetRenameDialog.tsx  | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/webapp/src/components/SheetTabBar/SheetRenameDialog.tsx b/webapp/src/components/SheetTabBar/SheetRenameDialog.tsx
index 1e8d910..a31f972 100644
--- a/webapp/src/components/SheetTabBar/SheetRenameDialog.tsx
+++ b/webapp/src/components/SheetTabBar/SheetRenameDialog.tsx
@@ -24,8 +24,8 @@ const SheetRenameDialog = (properties: SheetRenameDialogProps) => {
         <Cross
           onClick={handleClose}
           title={t("sheet_rename.close")}
-          tabIndex={-1}
-          onKeyDown={() => {}}
+          tabIndex={0}
+          onKeyDown={(event) => event.key === "Enter" && properties.onClose()}
         >
           <X />
         </Cross>
@@ -58,6 +58,13 @@ const SheetRenameDialog = (properties: SheetRenameDialogProps) => {
           onClick={() => {
             properties.onNameChanged(name);
           }}
+          onKeyDown={(event) => {
+            if (event.key === "Enter") {
+              properties.onNameChanged(name);
+              properties.onClose();
+            }
+          }}
+          tabIndex={0}
         >
           <Check
             style={{ width: "16px", height: "16px", marginRight: "8px" }}