Fixes InputText component "float" label styles for webkit based auto-…

…fill. (#4534) Applies same fix for the same issue implemented to "primeng" in 2018: primefaces/primeng@d2abf21
primefaces · Oct 5, 2023 · 32d473e · 32d473e
1 parent d036a91
commit 32d473e
Showing 1 changed file with 1 addition and 4 deletions.
diff --git a/components/lib/basecomponent/style/BaseComponentStyle.js b/components/lib/basecomponent/style/BaseComponentStyle.js
@@ -145,6 +145,7 @@ const inputTextCSS = `
 
 .p-float-label input:focus ~ 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.p-filled ~ label,
 .p-float-label .p-inputwrapper-focus ~ label,
@@ -153,10 +154,6 @@ const inputTextCSS = `
     font-size: 12px;
 }
 
-.p-float-label .input:-webkit-autofill ~ label {
-    top: -20px;
-    font-size: 12px;
-}
 
 .p-float-label .p-placeholder,
 .p-float-label input::placeholder,