fix(fluidtextinput): hide scrollbar on label overflow

carbon-design-system · Oct 21, 2022 · 2076207 · 2076207
1 parent 11dbd38
commit 2076207
Showing 1 changed file with 6 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
@@ -35,10 +35,16 @@
     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 {
     display: none;
   }