help and user menus can be closed by clicking elsewhere or Escape key

cryostatio · Jul 26, 2024 · c9e80ee · c9e80ee
1 parent 2c6e3fa
commit c9e80ee
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/app/AppLayout/AppLayout.tsx b/src/app/AppLayout/AppLayout.tsx
@@ -424,6 +424,8 @@ export const AppLayout: React.FC<AppLayoutProps> = ({ children }) => {
                       ></MenuToggle>
                     )}
                     isOpen={showHelpDropdown}
+                    onOpenChange={(v) => setShowHelpDropdown(v)}
+                    onOpenChangeKeys={['Escape']}
                     popperProps={{
                       position: 'right',
                     }}
@@ -437,6 +439,8 @@ export const AppLayout: React.FC<AppLayoutProps> = ({ children }) => {
                   onSelect={() => setShowUserInfoDropdown(false)}
                   toggle={UserInfoToggle}
                   isOpen={showUserInfoDropdown}
+                  onOpenChange={(v) => setShowUserInfoDropdown(v)}
+                  onOpenChangeKeys={['Escape']}
                   popperProps={{
                     position: 'right',
                   }}