From 32d473ecbc189eecde6ee9548e87d0a0fd62699d Mon Sep 17 00:00:00 2001 From: Rick Kukiela Date: Thu, 5 Oct 2023 08:29:37 -0500 Subject: [PATCH] Fixes InputText component "float" label styles for webkit based auto-fill. (#4534) Applies same fix for the same issue implemented to "primeng" in 2018: https://github.com/primefaces/primeng/pull/5473/commits/d2abf21fb9c63862f28b67ce581274464c01986d --- components/lib/basecomponent/style/BaseComponentStyle.js | 5 +---- 1 file changed, 1 insertion(+), 4 deletions(-) diff --git a/components/lib/basecomponent/style/BaseComponentStyle.js b/components/lib/basecomponent/style/BaseComponentStyle.js index d302365781..2837804e99 100644 --- 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,