fix: ProfileExplorer kebab dropdown stays open even after clicking ou…

…tside
project-codeflare · Oct 18, 2022 · 568e9e4 · 568e9e4
1 parent 6d1efc6
commit 568e9e4
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/plugins/plugin-codeflare/src/components/ProfileExplorer.tsx b/plugins/plugin-codeflare/src/components/ProfileExplorer.tsx
@@ -297,14 +297,18 @@ class ProfileCard extends React.PureComponent<ProfileCardProps, ProfileCardState
   /** Toggle kebab menu open/closed */
   private readonly _onKebabToggle = () => this.setState((curState) => ({ isKebabOpen: !curState.isKebabOpen }))
 
+  /** Set kebab menu closed */
+  private readonly _onKebabClose = () => this.setState(() => ({ isKebabOpen: false }))
+
   private actions() {
     return (
       <React.Fragment>
         <Dropdown
+          onBlur={this._onKebabClose}
           isOpen={this.state.isKebabOpen}
           isPlain
           position="right"
-          toggle={<KebabToggle onToggle={this._onKebabToggle} />}
+          toggle={<KebabToggle id="codeflare--profile-explorer-kebab" onToggle={this._onKebabToggle} />}
           dropdownItems={this.actionItems}
         ></Dropdown>
       </React.Fragment>