Input.Password loses the focus when visibilityToggle is changed by the occurrence of the onInput event.
- I have searched the issues of this repository and believe that this is not a duplicate.
Reproduction link
Steps to reproduce
- Click on the input
- Insert a value in it
- Remove the value completely
- Press the keys on the keyboard to add a new value in the input
Please note that you don't intentionally remove the focus from the input when you're moving through these steps
What is expected?
- The state of the visibilityToggle should be changed when the value of the input is removed
- User should be able to insert a new value by typing after the state of the visibilityToggle is changed
What is actually happening?
While the border of the input is blue which indicates the focus is on the Input.Password, it's not possible to insert a new value in the input immediately after changing the state of the visibilityToggle.
| Environment | Info |
|---|---|
| antd | 4.17.3 |
| React | 17.0.2 |
| System | Ubuntu 18.04.1 LTS |
| Browser | chrome 96.0.4664.45 |
ant-design / ant-design
An enterprise-class UI design language and React UI library
92.3k
How does funding with Polar work?
1
Pay now to fund the work behind this issue.
2
Get updates on progress being made.
3
Maintainer is rewarded once the issue is completed.
FAQ
Backer
You're funding impactful open source efforts
Contributor
You want to contribute to this effort
Maintainer
You want to get funding like this too