1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-24 06:03:10 +02:00

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

Added z-index property for input-group only for invalid state
This commit is contained in:
Jatin Mehta
2021-05-13 11:09:01 +05:30
committed by GitHub
parent d80cb2241d
commit d81d0a92d4

View File

@@ -130,8 +130,15 @@
.input-group .form-control, .input-group .form-control,
.input-group .form-select { .input-group .form-select {
@include form-validation-state-selector($state) { @include form-validation-state-selector($state) {
@if $state == "valid" {
z-index: 1;
} @else if $state == "invalid" {
z-index: 2;
}
&:focus {
z-index: 3; z-index: 3;
} }
} }
}
} }
// scss-docs-end form-validation-mixins // scss-docs-end form-validation-mixins