From 687267de389909250bad010aece387c4fb4850ce Mon Sep 17 00:00:00 2001
From: BG-Software <73077398+BG-Software-BG@users.noreply.github.com>
Date: Sat, 8 Feb 2025 13:57:11 +0100
Subject: [PATCH] Fix overflow of label in a floating-input (#2072)

* Fix overflow of label in a floating-input

Temporary fix for the bug in twbs/bootstrap v5.3.3.

* Create dry-rice-march.md

---------

Co-authored-by: codecalm <codecalm@gmail.com>
---
 .changeset/dry-rice-march.md |  5 +++++
 core/scss/ui/_forms.scss     | 11 +++++++++++
 2 files changed, 16 insertions(+)
 create mode 100644 .changeset/dry-rice-march.md

diff --git a/.changeset/dry-rice-march.md b/.changeset/dry-rice-march.md
new file mode 100644
index 000000000..38c3de2eb
--- /dev/null
+++ b/.changeset/dry-rice-march.md
@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fix overflow of `label` in a `floating-input`
diff --git a/core/scss/ui/_forms.scss b/core/scss/ui/_forms.scss
index 78572fbf2..c7d4382ef 100644
--- a/core/scss/ui/_forms.scss
+++ b/core/scss/ui/_forms.scss
@@ -227,4 +227,15 @@ Upload files
 .form-file-button {
   margin-left: 0;
   border-left: 0;
+}
+
+/**
+Floating inputs
+ */
+// Fix for the bug in twbs/bootstrap v5.3.3. Issue #39080. Should be fixed in v5.3.4
+label[for="floating-input"] {
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
\ No newline at end of file