diff options
| author | Jatin Mehta <[email protected]> | 2021-05-13 11:09:01 +0530 |
|---|---|---|
| committer | GitHub <[email protected]> | 2021-05-13 08:39:01 +0300 |
| commit | d81d0a92d4c250e010eb085fe4b35824d12b4c8c (patch) | |
| tree | 5c0d884a9a595712e791000c4542b1f7df541273 | |
| parent | d80cb2241dbe95d3bfda047b21a90d2c5a3b34ed (diff) | |
| download | bootstrap-d81d0a92d4c250e010eb085fe4b35824d12b4c8c.tar.xz bootstrap-d81d0a92d4c250e010eb085fe4b35824d12b4c8c.zip | |
Validated inputs in `.input-group` shouldn't be behind sibling element (#33644)
Added z-index property for input-group only for invalid state
| -rw-r--r-- | scss/mixins/_forms.scss | 9 |
1 files changed, 8 insertions, 1 deletions
diff --git a/scss/mixins/_forms.scss b/scss/mixins/_forms.scss index 283462fd5..dc5bdb0b9 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; + } } } } |