fix(#103): register the onKeyDown event under the dialog container in…

…stead of the RadioGroup
AXeL-dev · Sep 25, 2024 · 6e226ed · 6e226ed
1 parent cd9e837
commit 6e226ed
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/src/components/Blocked/index.jsx b/src/components/Blocked/index.jsx
@@ -206,6 +206,12 @@ export class Blocked extends Component {
               width={400}
               containerProps={{
                 className: 'unblock-dialog',
+                // Handle ENTER keypress and close dialog
+                onKeyDown: (event) => {
+                  if (event.key === 'Enter') {
+                    this.unblock();
+                  }
+                }
               }}
             >
               <Pane width="95%" margin="auto">
@@ -218,12 +224,6 @@ export class Blocked extends Component {
                       selected: event.target.value,
                     })
                   }
-                  // Only Key Down event listener was added, to handle ENTER keypress and close dialog
-                  onKeyDown={(event) => {
-                    if (event.key === 'Enter') {
-                      this.unblock();
-                    }
-                  }}
                 />
                 {this.state.unblockDialog.requirePassword ? (
                   <PasswordPrompt