-
Notifications
You must be signed in to change notification settings - Fork 81
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
PasswordField: revealing password moves the cursor to the front in Chrome #7417
Comments
I played with native input element and it seems to happen with that too. I.e. this seems to be intended behavior of Chrome. |
I'm not sure about it being intended. |
@HerbertsVaadin Thanks for sharing. In your example, |
@web-padawan must have been done so recently |
@capitalgsw Both demos you linked use Vaadin 14 and are quite old. I confirmed that the issue is present in V23. |
@web-padawan I saw that after some interrogation to see if I can fix it facepalm |
There was a major change to Vaadin field components in Vaadin 22, including |
Description
When I click the reveal button to show the password, the cursor is moved to the front of the input.
![password-field-moves-cursor-to-start](https://private-user-images.githubusercontent.com/80950643/331162830-78415d7b-52e9-4668-b61c-496303494b75.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjAwMzg4MjMsIm5iZiI6MTcyMDAzODUyMywicGF0aCI6Ii84MDk1MDY0My8zMzExNjI4MzAtNzg0MTVkN2ItNTJlOS00NjY4LWI2MWMtNDk2MzAzNDk0Yjc1LmdpZj9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MDMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzAzVDIwMjg0M1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWEzZWEzMDlkNGFhMzM1OGQ5MmRkZDRkMTExYmRiM2EyNzAwZGQyMmJkMTcyYTA5ODJjODVhMjkwOGQ4OWE3M2MmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.NWoSZXv-nhXg2VvKiV4xx5rGzukmaQSWtTdbHfvWXHA)
On Firefox this works as expected.
Expected outcome
Cursor remains at the end of the input.
Minimal reproducible example
Can be replicated even in Vaadin docs:
Steps to reproduce
Environment
Vaadin version(s): 24.3.12
OS: Windows 11
Browser: Chrome 125.0.6422.61
Browsers
Chrome
The text was updated successfully, but these errors were encountered: