Fix z-index with Bootstrap >= 5.2.1

tkrotoff · Mar 10, 2023 · 2fabfc5 · 2fabfc5
1 parent 9b15a10
commit 2fabfc5
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,7 @@
+## 0.12.2 (2023/03/11)
+
+- Fix z-index with Bootstrap >= 5.2.1
+
 ## 0.12.1 (2023/03/11)
 
 - Publish only src/ to npm

diff --git a/src/bootstrap-floating-label.scss b/src/bootstrap-floating-label.scss
@@ -62,8 +62,8 @@ $label-top-position-lg: $label-height-lg * 0.6; // 25px * 0.6 = 15px
   // ["An absolutely-positioned child of a flex container does not participate in flex layout"](https://stackoverflow.com/a/41033582)
   position: absolute;
 
-  // Same z-index as .form-control:focus, https://github.com/twbs/bootstrap/blob/v5.0.0-beta3/scss/forms/_input-group.scss#L23
-  z-index: 3;
+  // Same z-index as .form-control:focus, https://github.com/twbs/bootstrap/blob/v5.3.0-alpha1/scss/forms/_input-group.scss#L25
+  z-index: 5;
 
   // Truncate the text label if larger than the input
   max-width: calc(100% - $input-border-width * 2);