[components] Add escape handler to menu button

sanity-io · Oct 6, 2020 · e78f7a2 · e78f7a2
1 parent b373c77
commit e78f7a2
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/packages/@sanity/components/src/menuButton/menuButton.tsx b/packages/@sanity/components/src/menuButton/menuButton.tsx
@@ -1,6 +1,7 @@
 import Button from 'part:@sanity/components/buttons/default'
 import {ClickOutside} from 'part:@sanity/components/click-outside'
 import {Popover} from 'part:@sanity/components/popover'
+import Escapable from 'part:@sanity/components/utilities/escapable'
 import React, {useCallback} from 'react'
 import {ButtonProps} from '../buttons'
 import {Placement} from '../types'
@@ -45,6 +46,8 @@ export function MenuButton(props: MenuButtonProps & React.HTMLProps<HTMLDivEleme
               </Button>
             </div>
           </Popover>
+
+          {open && <Escapable onEscape={handleClose} />}
         </div>
       )}
     </ClickOutside>