search

themesberg / flowbite

Open-source UI component library and front-end development framework based on Tailwind CSS
https://flowbite.com
MIT License
7.31k stars 710 forks source link

Input component, when the type is set to password, the "show hidden" icon cannot be displayed and switched as expected. #781

Closed graphsay closed 5 months ago

graphsay commented 5 months ago

Describe the bug 1,Input component, when the type is set to password, the "show hidden" icon cannot be displayed in the latest firefox,however it could be displayed in chrome or edge. 2,In edge,When the input box loses focus, the button("show hidden" icon) will disappear. After regaining focus, the button will still not be displayed, which is not consistent with usage habits. Often when we submit and find that the password is wrong, we need to switch to display the password and modify it ,but at this time the button("show hidden" icon) cannot be displayed and switched as expected. To Reproduce Steps to reproduce the behavior: for the latest firefox

  1. Go to 'https://flowbite.com/docs/components/forms/#default-form'
  2. Type any characters into the password input box,the he "show hidden" icon could not be displayed as expected

for chrome and edge

  1. Go to 'https://flowbite.com/docs/components/forms/#default-form'
  2. Type any characters into the password input box,the he "show hidden" icon could will display as expected
  3. Click on 'submit' 4.Refocus on the password input box，
  4. See error: the "show hidden" icon cannot be displayed and switched as expected.

Expected behavior 1,the "show hidden" icon should work well in firefox and webview. 2,the "show hidden" icon will always displayed when focusing on the password input box

Screenshots 图片 图片

Desktop (please complete the following information):

Additional context thanks a lot!