Truncate text to prevent multiline floating label

twbs · May 21, 2022 · 50dc80b · 50dc80b
1 parent 8d87997
commit 50dc80b
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/scss/forms/_floating-labels.scss b/scss/forms/_floating-labels.scss
@@ -12,8 +12,12 @@
     position: absolute;
     top: 0;
     left: 0;
+    width: 100%;
     height: 100%; // allow textareas
     padding: $form-floating-padding-y $form-floating-padding-x;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
     pointer-events: none;
     border: $input-border-width solid transparent; // Required for aligning label's text with the input as it affects inner box model
     transform-origin: 0 0;