diff options
author | Jatin Mehta <mehtajatin05@gmail.com> | 2021-05-13 08:39:01 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-05-13 08:39:01 +0300 |
commit | d81d0a92d4c250e010eb085fe4b35824d12b4c8c (patch) | |
tree | 5c0d884a9a595712e791000c4542b1f7df541273 /scss | |
parent | d80cb2241dbe95d3bfda047b21a90d2c5a3b34ed (diff) |
Validated inputs in `.input-group` shouldn't be behind sibling element (#33644)
Added z-index property for input-group only for invalid state
Diffstat (limited to 'scss')
-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 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; + } } } } |