[core] fix(TagInput): left padding when no icon or tags (#6001)

palantir · Mar 6, 2023 · 7adf605 · 7adf605 · adidahiya · Mar 6, 2023
1 parent ba82cd2
commit 7adf605
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/packages/core/src/components/tag-input/_tag-input.scss b/packages/core/src/components/tag-input/_tag-input.scss
@@ -42,9 +42,15 @@ $tag-input-icon-padding-large: ($pt-input-height-large - $pt-icon-size-large) *
 
     // use the larger, conventional input padding when there are no tags and no left icon present.
     // see: https://github.com/palantir/blueprint/issues/2872
-    &:first-child .#{$ns}-input-ghost:first-child {
-      // recall that some padding-left is already applied on the root component.
-      padding-left: $input-padding-horizontal - $tag-input-padding;
+    &:first-child {
+      .#{$ns}-tag ~ .#{$ns}-input-ghost {
+        padding-left: 0;
+      }
+
+      .#{$ns}-input-ghost {
+        // some padding-left is already applied on the root component, so we should subtract that
+        padding-left: $input-padding-horizontal - $tag-input-padding;
+      }
     }
 
     > * {