FIX: Makes sure tabIndex works properly on SheetRenameDialog
This commit is contained in:
committed by
Nicolás Hatcher Andrés
parent
ac9dc22972
commit
a4c3233253
@@ -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" }}
|
||||||
|
|||||||
Reference in New Issue
Block a user