fix incomplete text display when pasting text into the tags field

apache · Feb 6, 2024 · 9f34983 · 9f34983
1 parent 5132cb3
commit 9f34983
Showing 1 changed file with 11 additions and 9 deletions.
diff --git a/ui/src/components/TagSelector/index.tsx b/ui/src/components/TagSelector/index.tsx
@@ -203,15 +203,6 @@ const TagSelector: FC<IProps> = ({
     console.log('handleSearch');
     const searchStr = e.currentTarget.value.replace(';', '');
     setSearchValue(searchStr);
-    const ele = document.querySelector('.a-input-width') as HTMLElement;
-    if (ele.offsetWidth > 60) {
-      inputRef.current?.setAttribute(
-        'style',
-        `width:${ele.offsetWidth + 16}px`,
-      );
-    } else {
-      inputRef.current?.setAttribute('style', 'width: 60px');
-    }
     fetchTags(searchStr);
   };
 
@@ -329,6 +320,17 @@ const TagSelector: FC<IProps> = ({
         inputRef.current?.focus();
       }
     }
+
+    // set width of tag Form.Control
+    const ele = document.querySelector('.a-input-width') as HTMLElement;
+    if (ele.offsetWidth > 60) {
+      inputRef.current?.setAttribute(
+        'style',
+        `width:${ele.offsetWidth + 16}px`,
+      );
+    } else {
+      inputRef.current?.setAttribute('style', 'width: 60px');
+    }
   }, [focusState, tags, hiddenCreateBtn, searchValue, maxTagLength]);
 
   return (