add right click context menu on tagInputItem (microsoft#821)

jamesor19 · Dec 21, 2020 · ae4ce9a · ae4ce9a
1 parent 6b4b6f6
commit ae4ce9a
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/react/components/common/tagInput/tagInputItem.tsx b/src/react/components/common/tagInput/tagInputItem.tsx
@@ -130,6 +130,12 @@ export default class TagInputItem extends React.Component<ITagInputItemProps, IT
         this.props.onClick(this.props.tag, {clickedDropDown});
     }
 
+    private handleContextMenu = (e: MouseEvent<HTMLDivElement, globalThis.MouseEvent>) => {
+        e.preventDefault();
+        const clickedDropDown = true;
+        this.props.onClick(this.props.tag, {clickedDropDown});
+    }
+
     private onColorClick = (e: MouseEvent) => {
         e.stopPropagation();
 
@@ -171,6 +177,7 @@ export default class TagInputItem extends React.Component<ITagInputItemProps, IT
         const spanValue =  this.inputElement?.value ?? "";
         return (
             <div className={"tag-name-container"}
+                onContextMenu={this.handleContextMenu}
                 onMouseEnter={this.handleMouseEnter}
                 onMouseLeave={this.handleMouseLeave}>
                 {