Truncate text to prevent multiline floating label

diff --git a/scss/forms/_floating-labels.scss b/scss/forms/_floating-labels.scss
index 4f9fd194b9f671f699d0a5c7cc9d8aaef9d9a85d..acefe4ebc709de053ff2b8250977889ec1fe07b4 100644 (file)
--- 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;