From: HDPham <hdpham@protonmail.com>
Date: Wed, 11 May 2022 04:49:08 +0000 (-0500)
Subject: Truncate text to prevent multiline floating label
X-Git-Tag: v5.2.0~104
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=7ed1a5f821dedffe453e5e30da1b435d911be099;p=thirdparty%2Fbootstrap.git

Truncate text to prevent multiline floating label
---

diff --git a/scss/forms/_floating-labels.scss b/scss/forms/_floating-labels.scss
index 4f9fd194b9..acefe4ebc7 100644
--- 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;