Created attachment 1261 [details] Screenshot of how Edge displays the show-toggle for passwords Entering a password can be inconvenient and prone to typing errors. To simplify the process, many apps introduce an eye icon that toggles password visibility. Some also add a checkbox below the password field, for showing the password. This feature would be useful in Web Access. Note that it was already implemented for the native client in bug 8510.
Note that Microsoft Edge has a built-in feature for this in all <input type="password"> fields. If we implement our own, we probably want to disable Edge's: https://stackoverflow.com/questions/61449079/how-to-hide-the-eye-from-a-password-input-in-ms-edge-and-ie https://learn.microsoft.com/en-us/microsoft-edge/web-platform/password-reveal
This feature is commonly implemented using JavaScript. Simply changing the type of the element is easy and does the job: document.getElementById("my_pw_input"); my_pw_input.type = "text";
The native client shows an "eye" that allows toggling the password visibility. We should use the same method in Web Access to avoid confusion. I would recommend using the SVGs that are the base for the XPM-images that the native client uses. They can be found here: ctc/client/tlclient/fltk/open_eye.svg ctc/client/tlclient/fltk/closed_eye.svg
The native client shows the "eye" when: * the mouse is hovering the password field * the password field is not empty * the password visibility is toggled ON (as a reminder) You then click the eye to show the password, then click it again to hide the password.
