fix: enter key not closing the account modal

jwplayer · Feb 22, 2024 · 1791b4c · 1791b4c
1 parent 1d2f25f
commit 1791b4c
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/packages/ui-react/src/components/IconButton/IconButton.tsx b/packages/ui-react/src/components/IconButton/IconButton.tsx
@@ -18,7 +18,12 @@ const IconButton: React.FC<Props> = ({ children, onClick, tabIndex = 0, classNam
       onClick={onClick}
       role="button"
       tabIndex={tabIndex}
-      onKeyDown={(event: React.KeyboardEvent) => (event.key === 'Enter' || event.key === ' ') && tabIndex >= 0 && onClick && onClick()}
+      onKeyDown={(event: React.KeyboardEvent) => {
+        if ((event.key === 'Enter' || event.key === ' ') && tabIndex >= 0 && onClick) {
+          onClick();
+          event.preventDefault(); // prevent click being called when this component unmounts
+        }
+      }}
       {...ariaProps}
     >
       {children}