From ae4ce9a1229f18df74298577f7f1e956d4a32235 Mon Sep 17 00:00:00 2001
From: Alex Chen <68627897+yongbing-chen@users.noreply.github.com>
Date: Mon, 21 Dec 2020 09:23:31 +0800
Subject: [PATCH] add right click context menu on tagInputItem (#821)

---
 src/react/components/common/tagInput/tagInputItem.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/react/components/common/tagInput/tagInputItem.tsx b/src/react/components/common/tagInput/tagInputItem.tsx
index 0f30b35e8..20f05b240 100644
--- 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}>
                 {