Show password view is not updated

[shic]

In the registration, check "Show password" option, and logout, when you redo login, the password is shown, but the "Show password" option is not checked.

[bartonhammond]

Good one. Looks like the checkbox component doesn't initialize w/ the current value from the Redux store.

[bartonhammond]

Would you consider addressing this and do a PR?

[bartonhammond]

@shic - are you going to provide a PR?

[sasongkoadi]

is this problem still not solve? @bartonhammond

[bartonhammond]

No - I'm not actively working on Snowflake. Notice the help wanted badge. If you want to fix this, then make a PR and I'll pull it in.

[sasongkoadi]

okay I'll try to solve that for first contribute on open source, thanks

[Phani-kp]

Mismatch of States:

When you log in again, the password is visible, but the "Show password" checkbox is not checked.
This indicates that the logic to toggle password visibility and the checkbox state are not synchronized during the login initialization.
Session Behavior:

If the password visibility state persists across sessions, the checkbox should also reflect the persisted state when the login form is loaded.
Potential Root Causes:

The "Show password" state (true/false) may be saved locally (e.g., in localStorage or sessionStorage) or in a cookie, but the checkbox state is not retrieved or initialized correctly.
The logic to set the password input type (text/password) on page load is inconsistent with the checkbox state.

[Phani-kp]

document.addEventListener('DOMContentLoaded', () => {
const showPasswordCheckbox = document.getElementById('show-password');
const passwordField = document.getElementById('password');

// Retrieve the saved state (default to false if not set)
const isPasswordVisible = localStorage.getItem('showPassword') === 'true';

// Set the password input type and checkbox state
passwordField.type = isPasswordVisible ? 'text' : 'password';
showPasswordCheckbox.checked = isPasswordVisible;

// Add event listener for toggling password visibility
showPasswordCheckbox.addEventListener('change', (e) => {
    const isChecked = e.target.checked;
    passwordField.type = isChecked ? 'text' : 'password';
    localStorage.setItem('showPassword', isChecked);
});

});