Description:
The Change Password section does not include an eye (👁️) button to toggle password visibility. Users must type their passwords without being able to verify what they entered, which can lead to mistakes and a poorer user experience.
Current Behavior
No eye icon is available for the password fields.
Users cannot toggle between hidden and visible password text.
Expected Behavior
Add a show/hide password (eye) icon for:
Current Password
New Password
Confirm New Password
Clicking the icon should toggle the field between:
password → text (show)
text → password (hide)
The icon should update its state (eye/eye-slash) accordingly.
The feature should work independently for each password field.
Benefits
Improves usability and accessibility.
Helps users verify their input and avoid typing errors.
Provides a modern and consistent password-changing experience.
Frontend Tasks
Add an eye icon/button inside each password input field.
Implement JavaScript to toggle visibility on click.
Ensure proper keyboard accessibility and ARIA labels.
Maintain responsive styling across desktop and mobile devices.
Suggested Labels:
enhancement, frontend UI/UX, GSSoC 2026
Description:
The Change Password section does not include an eye (👁️) button to toggle password visibility. Users must type their passwords without being able to verify what they entered, which can lead to mistakes and a poorer user experience.
Current Behavior
No eye icon is available for the password fields.
Users cannot toggle between hidden and visible password text.
Expected Behavior
Add a show/hide password (eye) icon for:
Current Password
New Password
Confirm New Password
Clicking the icon should toggle the field between:
password → text (show)
text → password (hide)
The icon should update its state (eye/eye-slash) accordingly.
The feature should work independently for each password field.
Benefits
Improves usability and accessibility.
Helps users verify their input and avoid typing errors.
Provides a modern and consistent password-changing experience.
Frontend Tasks
Add an eye icon/button inside each password input field.
Implement JavaScript to toggle visibility on click.
Ensure proper keyboard accessibility and ARIA labels.
Maintain responsive styling across desktop and mobile devices.
Suggested Labels:
enhancement, frontend UI/UX, GSSoC 2026