Autofill is breaking floating-label positioningComponent: Title

[BlackstarSoon]

Describe the bug

When (chrome) autofill happens, the label is not floating above the input field, unless any interaction on the page has taken place.

Environment

Windows 11, Chrome and Edge browser

Reproducer

No response

Angular version

16.2.1

PrimeNG version

16.3.1

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

20.11.0

Browser(s)

No response

Steps to reproduce the behavior

1. Take any form input field with a floating label styles as proposed in https://www.primefaces.org/primeng-v16-lts/inputtext
2. Have autofill data in your browser
3. Load the page

Expected behavior

Label should be immediately above the input field after page load.

As issue happened in previous version, this currently can be fixed when added the below selector to the label styling
.p-float-label textarea:-webkit-autofill ~ label, .p-float-label input:-webkit-autofill ~ label

[BlackstarSoon]

The fixes that I used is based on this reported ticket
#5472