fix(Toolbar): close menu when it looses focus

packages/react/src/components/Toolbar/ToolbarItem.tsx

@@ -253,6 +253,7 @@ class ToolbarItem extends UIComponent<WithAsProp<ToolbarItemProps>, ToolbarItemS
                 {submenu}
               </>
             ),
+            onBlur: this.handleWrapperBlur,
           }),
         })
       }
@@ -268,6 +269,12 @@ class ToolbarItem extends UIComponent<WithAsProp<ToolbarItemProps>, ToolbarItemS
     return <Ref innerRef={this.itemRef}>{renderedItem}</Ref>
   }
 
+  handleWrapperBlur = e => {
+    if (this.props.menu && !e.currentTarget.contains(e.relatedTarget)) {
+      this.trySetMenuOpen(false, e)
+    }
+  }
+
   handleBlur = (e: React.SyntheticEvent) => {
     this.setState({ isFromKeyboard: false })
 

packages/react/src/lib/accessibility/Behaviors/Toolbar/toolbarItemBehavior.ts

@@ -22,7 +22,10 @@ const toolbarItemBehavior: Accessibility<ToolbarItemBehaviorProps> = props => {
   behaviorData.keyActions.wrapper = {
     ...behaviorData.keyActions.wrapper,
     closeMenuAndFocusTrigger: {
-      keyCombinations: props.menu && props.menuOpen ? [{ keyCode: keyboardKey.Escape }] : null,
+      keyCombinations:
+        props.menu && props.menuOpen
+          ? [{ keyCode: keyboardKey.Escape }, { keyCode: keyboardKey.Tab, shiftKey: true }]
+          : null,
     },
     doNotNavigateNextToolbarItem: {
       keyCombinations: