rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-29 21:52:22 +01:00
Code Issues Actions Packages Releases Activity

Fix input group z-index focus + validation

Browse Source
This commit is contained in:
Florian Lacreuse 2022-08-31 16:17:58 +02:00 committed by Mark Otto
parent ebbed79df7
commit 2f3aec819a
2 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
scss/forms/_input-group.scss
View File

@ -22,7 +22,7 @@
> .form-control:focus, > .form-control:focus,
> .form-select:focus, > .form-select:focus,
> .form-floating:focus-within { > .form-floating:focus-within {
z-index: 3; z-index: 5;
} }
// Ensure buttons are always above inputs for more visually pleasing borders. // Ensure buttons are always above inputs for more visually pleasing borders.
@ -33,7 +33,7 @@
z-index: 2; z-index: 2;
&:focus { &:focus {
z-index: 3; z-index: 5;
} }
} }
} }

20
scss/mixins/_forms.scss
View File

@ -135,16 +135,16 @@
} }
} }
.input-group .form-control, .input-group {
.input-group .form-select { > .form-control:not(:focus),
@include form-validation-state-selector($state) { > .form-select:not(:focus),
@if $state == "valid" { > .form-floating:not(:focus-within) {
z-index: 1; @include form-validation-state-selector($state) {
} @else if $state == "invalid" { @if $state == "valid" {
z-index: 2; z-index: 3;
} } @else if $state == "invalid" {
&:focus { z-index: 4;
z-index: 3; }
} }
} }
} }