Don't autofocus on input when editing item, whishlist, or group

RobVermeer · Dec 3, 2023 · ca6106b · ca6106b
1 parent 9fce308
commit ca6106b
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/src/components/EditGroup/index.tsx b/src/components/EditGroup/index.tsx
@@ -64,7 +64,10 @@ export const EditGroup = ({ group }: Props) => {
           <Pencil size="12" className="mr-2" /> {t("EditGroup.button")}
         </Button>
       </DialogTrigger>
-      <DialogContent className="sm:max-w-[425px]">
+      <DialogContent
+        className="sm:max-w-[425px]"
+        onOpenAutoFocus={(event) => event.preventDefault()}
+      >
         <DialogHeader>
           <DialogTitle>{t("EditGroup.title")}</DialogTitle>
         </DialogHeader>

diff --git a/src/components/EditItem/index.tsx b/src/components/EditItem/index.tsx
@@ -58,7 +58,10 @@ export const EditItem = ({ item }: Props) => {
           <Pencil size="12" className="mr-2" /> {t("EditItem.button")}
         </Button>
       </DialogTrigger>
-      <DialogContent className="sm:max-w-[425px]">
+      <DialogContent
+        className="sm:max-w-[425px]"
+        onOpenAutoFocus={(event) => event.preventDefault()}
+      >
         <DialogHeader>
           <DialogTitle>{t("EditItem.title")}</DialogTitle>
         </DialogHeader>

diff --git a/src/components/EditWishlist/index.tsx b/src/components/EditWishlist/index.tsx
@@ -69,7 +69,10 @@ export const EditWishlist = ({ wishlist, groups }: Props) => {
           <Pencil size="12" className="mr-2" /> {t("EditWishlist.button")}
         </Button>
       </DialogTrigger>
-      <DialogContent className="sm:max-w-[425px]">
+      <DialogContent
+        className="sm:max-w-[425px]"
+        onOpenAutoFocus={(event) => event.preventDefault()}
+      >
         <DialogHeader>
           <DialogTitle>{t("EditWishlist.title")}</DialogTitle>
         </DialogHeader>