FIX: Makes sure tabIndex works properly on SheetRenameDialog

This commit is contained in:
Daniel
2024-12-26 14:12:13 +01:00
committed by Nicolás Hatcher Andrés
parent ac9dc22972
commit a4c3233253

View File

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