fix: "Enter" not working in "Add Members" dialog

Apparently it stopped working after the recent Blueprint removal, or after the accessibility improvements.
deltachat · Jan 6, 2025 · ae1fdcb · ae1fdcb
1 parent 60f4937
commit ae1fdcb
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -24,6 +24,7 @@
 - fix "incoming message background color" being used for quotes of outgoing sticker messages #4456
 - fix stickers being smaller than they're supposed to be #4432
 - fix reactions to sticker messages overlapping with next message #4433
+- fix: "Enter" not adding the first contact in "Add Members" dialog #4439
 
 ## [1.50.1] - 2024-12-18
 

diff --git a/packages/frontend/src/components/dialogs/AddMember/AddMemberInnerDialog.tsx b/packages/frontend/src/components/dialogs/AddMember/AddMemberInnerDialog.tsx
@@ -200,9 +200,10 @@ export function AddMemberInnerDialog({
 
   const addContactOnKeyDown = (ev: React.KeyboardEvent<HTMLInputElement>) => {
     if (ev.code == 'Enter') {
+      // TODO refactor: this is fragile.
       ;(
-        document.querySelector<HTMLDivElement>(
-          '.delta-checkbox'
+        contactListRef.current?.querySelector(
+          'input[type="checkbox"]'
         ) as HTMLDivElement
       ).click()
     }