fix(FluidTextInput): label overflow scroll (#12261)

* fix: label overflow * fix(fluidtextinput): hide scrollbar on label overflow Co-authored-by: Taylor Jones <taylor.jones826@gmail.com> Co-authored-by: Taylor Jones <tay1orjones@users.noreply.github.com>
carbon-design-system · Oct 31, 2022 · a4317a9 · a4317a9
1 parent c77cccf
commit a4317a9
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/packages/styles/scss/components/fluid-text-input/_fluid-text-input.scss b/packages/styles/scss/components/fluid-text-input/_fluid-text-input.scss
@@ -31,9 +31,18 @@
     top: rem(13px);
     left: $spacing-05;
     display: flex;
+    width: calc(100% - 2rem);
     height: rem(16px);
     align-items: center;
     margin: 0;
+    -ms-overflow-style: none;
+    overflow-x: scroll;
+    scrollbar-width: none;
+    white-space: nowrap;
+  }
+
+  .#{$prefix}--text-input--fluid .#{$prefix}--label::-webkit-scrollbar {
+    display: none;
   }
 
   .#{$prefix}--text-input--fluid .#{$prefix}--form__helper-text {