Sidebar login box tab order not in order

Discussion in 'Closed Reports' started by WoodiE, Aug 31, 2015.

  1. WoodiE

    WoodiE Well-Known Member

    Website address(optional): https://pixelexit.com/demo/?theme=Zipped
    Bug Report Details:


    Place cursor on the username field on the sidebar login box, then press TAB. Tabbing takes you to the "Stay Logged in" checkbox, TAB again and it starts going through the main menu and further tabs go though the forum listings.

    It's not until you get to the last forum listing does tab finally get you to the password input box.

    Ideally this should work by typing a username, tab to enter password and tab again to the "login" button and enter to login. All done without using a mouse.

    I've confirmed this to be an issue on both my site and the demo site here on PixelExit.
     
  2. Russ

    Russ Designer

    Open: zipped_loginform,

    find:

    Code:
    Copy Source
        <div class="content">
         <input type="text" name="login" value="{$defaultLogin}" placeholder="{xen:phrase user_name}..." id="ctrl_pageLogin_login" class="textCtrl" tabindex="1" />
         <input type="password" name="password" placeholder="{xen:phrase password}..." class="textCtrl" id="ctrl_pageLogin_password" />     
         <input type="submit" name="submit" value="Login" class="button primary" />
         <a href="{xen:link register}" class="button zRegister">{xen:phrase register}</a>
         <a href="{xen:link lost-password}" class="button zRegister" title="{xen:phrase forgot_your_password}">?</a>
         <div><label for="ctrl_pageLogin_remember" class="rememberPassword"><input type="checkbox" name="remember" value="1" id="ctrl_pageLogin_remember" tabindex="3" /> {xen:phrase stay_logged_in}</label></div>
    
         </div>
    
    Replace with:
    Code:
    Copy Source
        <div class="content">
         <input type="text" name="login" value="{$defaultLogin}" placeholder="{xen:phrase user_name}..." id="ctrl_pageLogin_login" class="textCtrl" tabindex="1" />
         <input type="password" name="password" placeholder="{xen:phrase password}..." class="textCtrl" id="ctrl_pageLogin_password" tabindex="2" />     
         <input type="submit" name="submit" value="Login" class="button primary" tabindex="4" />
         <a href="{xen:link register}" class="button zRegister">{xen:phrase register}</a>
         <a href="{xen:link lost-password}" class="button zRegister" title="{xen:phrase forgot_your_password}">?</a>
         <div><label for="ctrl_pageLogin_remember" class="rememberPassword"><input type="checkbox" name="remember" value="1" id="ctrl_pageLogin_remember" tabindex="3" /> {xen:phrase stay_logged_in}</label></div>
    
         </div>
    
    This is getting approached slightly different in the near future(the login form as a whole)
     
    WoodiE likes this.
  3. Russ

    Russ Designer

    This was fixed in 1.5.1
     
    WoodiE likes this.

Let's work together on your next project

Contact us today to talk about how we can help you