fix click event trigger on tabl's tag column

Author: raheeliftikhar5

client/packages/lowcoder/src/components/table/EditableCell.tsx

@@ -225,6 +225,7 @@ function EditableCellComp<T extends JSONValue>(props: EditableCellProps<T>) {
           key={`normal-view-${cellIndex}`}
           tabIndex={editable ? 0 : -1 }
           onFocus={enterEditFn}
+          style={{ width: '100%', height: '100%'}}
         >
           {normalView}
         </div>

client/packages/lowcoder/src/comps/comps/tableComp/column/columnTypeComps/columnTagsComp.tsx

@@ -399,7 +399,8 @@ export const ColumnTagsComp = (function () {
       value = typeof value === "string" && value.split(",")[1] ? value.split(",") : value;
       const tags = _.isArray(value) ? value : (value.length ? [value] : []);
 
-      const handleTagClick = (tagText: string) => {
+      const handleTagClick = (e: React.MouseEvent, tagText: string) => {
+        e.stopPropagation();
         const foundOption = tagOptions.find(option => option.label === tagText);
         if (foundOption && foundOption.onEvent) {
           foundOption.onEvent("click");
@@ -409,6 +410,13 @@ export const ColumnTagsComp = (function () {
           props.onEvent("click");
         }
       };
+
+      const handleTagWrapperClick = (e: React.MouseEvent) => {
+        e.stopPropagation();
+        if (props.onEvent) {
+          props.onEvent("click");
+        }
+      };
 
       const view = tags.map((tag, index) => {
         // The actual eval value is of type number or boolean
@@ -418,20 +426,27 @@ export const ColumnTagsComp = (function () {
         const tagStyle = getTagStyle(tagText, tagOptions);
 
         return (
-          <div key={`${tag.split(' ').join('_')}-${index}`}>
+          <React.Fragment key={`${tag.split(' ').join('_')}-${index}`}>
             <TagStyled 
               color={tagColor} 
               icon={tagIcon} 
               key={index}
               style={tagStyle}
-              onClick={() => handleTagClick(tagText)}
+              onClick={(e) => handleTagClick(e, tagText)}
             >
               {tagText}
             </TagStyled>
-          </div>
+          </React.Fragment>
         );
       });
-      return view;
+      return (
+        <div
+          style={{ width: '100%', height: '100%', minHeight: '22px'}}
+          onClick={handleTagWrapperClick}
+        >
+          {view}
+        </div>
+      );
     },
     (nodeValue) => {
       const text = nodeValue.text.value;