fix: dynamically setting gap between tag list and input when tags are…

… not rendered inline
JaleelB · May 29, 2024 · 01b84bd · 01b84bd
1 parent 926672c
commit 01b84bd
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/packages/emblor/src/tag/tag-input.tsx b/packages/emblor/src/tag/tag-input.tsx
@@ -204,7 +204,7 @@ const TagInput = React.forwardRef<HTMLInputElement, TagInputProps>((props, ref)
 
   return (
     <div
-      className={`w-full flex ${!includeTagsInInput && tagCount > 0 ? 'gap-3' : ''} ${
+      className={`w-full flex ${!includeTagsInInput && tags.length > 0 ? 'gap-3' : ''} ${
         inputFieldPosition === 'bottom' ? 'flex-col' : inputFieldPosition === 'top' ? 'flex-col-reverse' : 'flex-row'
       }`}
     >