diff options
| author | Florian Lacreuse <[email protected]> | 2022-08-31 16:17:58 +0200 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2022-08-31 18:17:41 -0700 |
| commit | 2f3aec819ae7bd04c00cc55fee977d12e11a46c6 (patch) | |
| tree | 22dd4fcedee9936adab1e9c621e2478e05691daa /scss | |
| parent | ebbed79df7bb4735894f31bc558377a531c93710 (diff) | |
| download | bootstrap-2f3aec819ae7bd04c00cc55fee977d12e11a46c6.tar.xz bootstrap-2f3aec819ae7bd04c00cc55fee977d12e11a46c6.zip | |
Fix input group z-index focus + validation
Diffstat (limited to 'scss')
| -rw-r--r-- | scss/forms/_input-group.scss | 4 | ||||
| -rw-r--r-- | scss/mixins/_forms.scss | 20 |
2 files changed, 12 insertions, 12 deletions
diff --git a/scss/forms/_input-group.scss b/scss/forms/_input-group.scss index 813679f0c..247f74a7a 100644 --- a/scss/forms/_input-group.scss +++ b/scss/forms/_input-group.scss @@ -22,7 +22,7 @@ > .form-control:focus, > .form-select:focus, > .form-floating:focus-within { - z-index: 3; + z-index: 5; } // Ensure buttons are always above inputs for more visually pleasing borders. @@ -33,7 +33,7 @@ z-index: 2; &:focus { - z-index: 3; + z-index: 5; } } } diff --git a/scss/mixins/_forms.scss b/scss/mixins/_forms.scss index 81cd2e3ac..2a853a789 100644 --- a/scss/mixins/_forms.scss +++ b/scss/mixins/_forms.scss @@ -135,16 +135,16 @@ } } - .input-group .form-control, - .input-group .form-select { - @include form-validation-state-selector($state) { - @if $state == "valid" { - z-index: 1; - } @else if $state == "invalid" { - z-index: 2; - } - &:focus { - z-index: 3; + .input-group { + > .form-control:not(:focus), + > .form-select:not(:focus), + > .form-floating:not(:focus-within) { + @include form-validation-state-selector($state) { + @if $state == "valid" { + z-index: 3; + } @else if $state == "invalid" { + z-index: 4; + } } } } |