Bootstrap OPAC: Login form tabbing and focus

[Terran McCanna]

In 3.6 Bootstrap OPAC:

After entering the barcode/user name, normal expected behavior would be to tab to the password field, but because of the way the fields are laid out, you need to tab 3 times to get to the password field. A little tweaking of this could improve the usability.

(Note that there are two login forms - one on the page, one in a modal.)

[Terran McCanna (tmccanna)]

Also (from Galen):

- When you open it, focus is not set anywhere. Focus ought to be given to the card number field.

[Terran McCanna (tmccanna)]

My proposed fix is at:

https://git.evergreen-ils.org/?p=working/Evergreen.git;a=shortlog;h=refs/heads/user/mccanna/lp1909144_login_tabbing

This adds autofocus to the user name field as well as improving the tab order.

When testing, be sure to test both the login modal (by clicking on My Account on the upper right) as well as the embedded login form at /eg/opac/login

[Elaine Hardy (ehardy)]

Cursor is autofocused to the card number/user name box and one tab moves to the password entry. in both my account and /eg/opac/login

I have tested this code and consent to signing off on it with my name, Elaine Hardy and my email address, <email address hidden>.

[Jason Boyer (jboyer)]

YAAYY. Works for me, pushed to master through rel_3_6 because I consider this a usability bug. Thanks Terran and Elaine!