Description
Currently, the Sign In form includes a password input field, but there is no visibility toggle (eye icon) to show or hide the password.
This affects user experience, as users cannot verify their typed password before submitting.
Problem
- No eye toggle button in the password field
- Users cannot switch between:
type="password"type="text"
- Increases chance of login errors
- Poor UX compared to modern authentication standards
Proposed Solution
Add a password visibility toggle button inside the password input field.
Requirements:
- Add eye / eye-off icon inside input field
- Toggle between:
- Hidden password
- Visible password
- Maintain proper alignment and responsiveness
- Compatible with dark mode
- Accessible (aria-label support)
Suggested Implementation
- Use state to toggle input type (
password ↔ text)
- Position icon inside input using relative/absolute styling
- Ensure button does not trigger form submit
Expected Outcome
Users should be able to:
- Click the eye icon
- View the entered password
- Toggle back to hidden mode
- Have improved login experience
If approved, I would like to work on implementing this enhancement.
Description
Currently, the Sign In form includes a password input field, but there is no visibility toggle (eye icon) to show or hide the password.
This affects user experience, as users cannot verify their typed password before submitting.
Problem
type="password"type="text"Proposed Solution
Add a password visibility toggle button inside the password input field.
Requirements:
Suggested Implementation
password↔text)Expected Outcome
Users should be able to:
If approved, I would like to work on implementing this enhancement.