From 7ed1a5f821dedffe453e5e30da1b435d911be099 Mon Sep 17 00:00:00 2001
From: HDPham <hdpham@protonmail.com>
Date: Tue, 10 May 2022 23:49:08 -0500
Subject: [PATCH] Truncate text to prevent multiline floating label

---
 scss/forms/_floating-labels.scss | 4 ++++
 1 file changed, 4 insertions(+)

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;