mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2025-07-27 00:19:50 +03:00
Code Issues Packages Projects Releases Wiki Activity

Resolve issue with Chrome autofill not triggering floating label

Browse Source
This commit is contained in:
Paul Irwin 2015-11-18 12:59:14 -05:00
parent e8c47fbbde
commit be41828840
1 changed files with 16 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
less/_inputs.less
View File

@ -85,7 +85,8 @@ fieldset[disabled] .form-control.focus:disabled,
font-size: @font-size-base;
}
.form-control:focus ~ .floating-label,
.form-control:not(.empty) ~ .floating-label {
.form-control:not(.empty) ~ .floating-label,
.form-control:-webkit-autofill ~ .floating-label {
top: @floating-label-size-ratio * -@font-size-base;
font-size: @floating-label-size-ratio * @font-size-base;
}
@ -95,7 +96,8 @@ fieldset[disabled] .form-control.focus:disabled,
top: 7px;
}
.form-control.input-sm:focus ~ .floating-label,
.form-control.input-sm:not(.empty) ~.floating-label {
.form-control.input-sm:not(.empty) ~.floating-label,
.form-control.input-sm:-webkit-autofill ~ .floating-label {
top: @floating-label-size-ratio * -@font-size-small;
font-size: @floating-label-size-ratio * @font-size-small;
}
@ -105,7 +107,8 @@ fieldset[disabled] .form-control.focus:disabled,
top: 10px;
}
.form-control.input-lg:focus ~ .floating-label,
.form-control.input-lg:not(.empty) ~ .floating-label {
.form-control.input-lg:not(.empty) ~ .floating-label,
.form-control.input-lg:-webkit-autofill ~ .floating-label {
top: @floating-label-size-ratio * -@font-size-large;
font-size: @floating-label-size-ratio * @font-size-large;
}