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

Added z-index property for input-group only for invalid state
2026-05-15 11:59:39 +03:00 · 2021-05-13 11:09:01 +05:30
parent d80cb2241d
commit d81d0a92d4
1 changed files with 8 additions and 1 deletions
@@ -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;
+      }
    }
  }
 }