Designing a form that has a password revealer to work well with 1Password

Options
SpyderCKE
SpyderCKE
Community Member
in Mac

I am building a login (and it's companion sign-up form) for where I would like to use a show/hide button. It's unclear whether this is even a good idea to begin with, but it seems to create problems with 1Password. Essentially, if I set the initial state of the form to "revealed" which would seem helpful for people who type passwords by hand, 1Password won't fill the password field. It's "type" is text instead of password.

What is the best way to handle this? I'm afraid this will just be a game of whack-a-mole depending on what state the user had the form in when they create their account.

This is the source/docs for a tool I plan to use: https://github.com/cloudfour/hideShowPassword
Some example implementations here (the implementation I am using is the center one with a toggle button in the form): http://cloudfour.github.io/hideShowPassword/

Any other published guidelines for designing well-functioning login and registration forms?

Thanks!

Comments

  • rob
    rob
    edited July 2014
    Options

    Hello, @SpyderCKE‌, thanks for taking the time to ask about this!

    We don't have any published guidelines at the moment, but that's a good idea, and I've made a note for us to do that sometime.

    I tested with the form on that page and 1Password seems to fill it just fine, even though I saved the login while the password was hidden and filled it while the password was shown. So perhaps there is something different going on with your implementation? If you can give us a link to a page you've made where it's not working, that would help.

    Thanks!

    internal reference number: DOCS-153

This discussion has been closed.