From: Jatin Mehta <mehtajatin05@gmail.com>
Date: Thu, 13 May 2021 05:39:01 +0000 (+0530)
Subject: Validated inputs in `.input-group` shouldn't be behind sibling element (#33644)
X-Git-Tag: v5.0.1~7
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=d81d0a92d4c250e010eb085fe4b35824d12b4c8c;p=thirdparty%2Fbootstrap.git

Validated inputs in `.input-group` shouldn't be behind sibling element (#33644)

Added z-index property for input-group only for invalid state
---

diff --git a/scss/mixins/_forms.scss b/scss/mixins/_forms.scss
index 283462fd56..dc5bdb0b92 100644
--- a/scss/mixins/_forms.scss
+++ b/scss/mixins/_forms.scss
@@ -130,7 +130,14 @@
   .input-group .form-control,
   .input-group .form-select {
     @include form-validation-state-selector($state) {
-      z-index: 3;
+      @if $state == "valid" {
+        z-index: 1;
+      } @else if $state == "invalid" {
+        z-index: 2;
+      }
+      &:focus {
+        z-index: 3;
+      }
     }
   }
 }