-
-
Notifications
You must be signed in to change notification settings - Fork 1.9k
Open
Description
HeroUI Version
2.8.0-beta.6
Describe the bug
On Chrome, when I have some credentials saved in Chrome's password manager, the browser may prefill the input content for me. But for the HeroUI's Inputs with labelPlacement
being inside
or outside
without placeholder
, the label is initially placed in the middle of the Input, overlapping with the prefilled data. See the screenshot below.
Your Example Website or App
No response
Steps to Reproduce the Bug or Issue
- Create a login page using HeroUI Input components, with
name
attributes likeemail
andpassword
. - Open the login page on Chrome.
- Submit the form so that Chrome suggests saving the credentials.
- Accept Chrome's prompt to save credentials.
- Open the login page again, Chrome will prefill the Input components and it will overlap with the Input labels.
Expected behavior
HeroUI Input should be able to detect when an Input is prefilled and adjust its label position accordingly.
Screenshots or Videos
Operating System Version
Windows 11
Browser
Chrome
jvera852, joetakara and 3v1lm0nk3y