vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Fixes InputText component "float" label styles for webkit based auto-fill. (#4534) 

Applies same fix for the same issue implemented to "primeng" in 2018:
d2abf21fb9
pull/4570/head
Rick Kukiela 2023-10-05 08:29:37 -05:00 committed by GitHub
parent d036a91f6d
commit 32d473ecbc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 1 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
components/lib/basecomponent/style/BaseComponentStyle.js
View File

@ -145,6 +145,7 @@ const inputTextCSS = `
.p-float-label input:focus ~ label, .p-float-label input:focus ~ label,
.p-float-label input.p-filled ~ label, .p-float-label input.p-filled ~ label,
.p-float-label input:-webkit-autofill ~ label,
.p-float-label textarea:focus ~ label, .p-float-label textarea:focus ~ label,
.p-float-label textarea.p-filled ~ label, .p-float-label textarea.p-filled ~ label,
.p-float-label .p-inputwrapper-focus ~ label, .p-float-label .p-inputwrapper-focus ~ label,
@ -153,10 +154,6 @@ const inputTextCSS = `
font-size: 12px; font-size: 12px;
} }
.p-float-label .input:-webkit-autofill ~ label {
top: -20px;
font-size: 12px;
}
.p-float-label .p-placeholder, .p-float-label .p-placeholder,
.p-float-label input::placeholder, .p-float-label input::placeholder,