title: Webkit - cannot select field
body: <p>I'm having trouble with a form - I just can't seem to select the password field. The only way to get to it, is to go to the field using the tab key. This is only affecting webkit browsers. </p>
  
  <p>this is the form html</p>
  
  <pre><code>public function form()
  {
      global $ACL_LANG;
      $htmlForm = '&lt;form id="frmlogin"&gt;&lt;fieldset&gt;&lt;label&gt;&lt;dl&gt;&lt;dt&gt;';
      switch (LOGIN_METHOD) {
          case 'both' :
              $htmlForm .= $ACL_LANG ['USERNAME'] . '/' . $ACL_LANG ['EMAIL'];
              break;
          case 'email' :
              $htmlForm .= $ACL_LANG ['EMAIL'];
              break;
          default :
              $htmlForm .= $ACL_LANG ['USERNAME'];
              break;
      }
      $htmlForm .= '&lt;/label&gt;&lt;/dt&gt;' . '&lt;dd&gt;&lt;input type="text" name="u" id="u" class="large" /&gt;&lt;/dd&gt;&lt;dt&gt;' . '&lt;label&gt;' . $ACL_LANG ['PASSWORD'] . '&lt;/label&gt;&lt;/dt&gt;' . '&lt;dd&gt;&lt;input type="password" name="p" id="p" class="large" /&gt;&lt;/dd&gt;' . '&lt;input type="hidden" name="uri" id="uri" value="' . $_SERVER['REQUEST_URI'] . '" /&gt;&lt;/dl&gt;&lt;/fieldset&gt;&lt;button type="submit" style="float:right;"&gt;Log in&lt;/button&gt;&lt;/form&gt;';
      return $htmlForm;
  }
  </code></pre>
  
  <p>This is the javascript governing the page</p>
  
  <pre><code>$.getJSON(postFile, function(data) {
  
      if (data.status == true) {
          // status is authorized
          if (autoRedir) {
              $(authentication).hide();
              $(authenticating).hide().html('Authentication success.').fadeIn('fast', function() {
                  window.location = data.url;
              });
          } else {
              $(waitId).fadeOut('slow',
                  function() {
                      $(wrapperId).html(data.message).slideDown();
                  }).html();
          }
      } else {
          // show form
          $(wrapperId).html(data.message).fadeIn('0', function() {
              // hide  message
              $(waitId).fadeOut('fast',
                  function() {
  
                      //*/ submit handler
                      $("#frmlogin").submit(function() {
                          // loading
                          $(waitId).hide();
                          $(notificationerror).hide();
                          $(notification).hide();
                          $(authentication).fadeIn();
                          $(wrapperId).hide();
  
                          var _u = $(userId).val();   // form user
                          var _p = $(passId).val();   // form id
                          var _uri = $(uri).val();    // form id
  
                          //@ valid user ( modify as needed )
                          if (_u.length &lt; 4) {
                              $(authentication).hide();
                              $(notificationerror).html(jsErrMsg).fadeIn('fast', function() {
                              });
                              $(wrapperId).show();
                          }
                          else {
                              //@ valid password ( modify as needed )
                              if (_p.length &lt; 4) {
                                  $(authentication).hide();
                                  $(waitId).html(notificationerror).fadeIn('fast', function() {
                                      $(passId).focus();
                                  });
                              }
                              else {
                                  $.post(postFile, { u: _u, p: _p, uri: _uri }, function(data) {
                                          if (data.status == true) {
                                              if (autoRedir) {
                                                  $(authentication).html('Setting session.').fadeIn();
                                                   setTimeout("",2000);
                                                  $(authentication).html('Authentication success.').fadeIn('fast', function() {
                                                      window.location = data.url;
                                                  });
                                              } else {
                                                  $(waitId).fadeOut('slow',
                                                      function() {
                                                          $(wrapperId).slideUp('slow', function() {
                                                              $(this).html(data.message).slideDown();
                                                          });
                                                      }).html();
                                              }
                                          } else {
                                              $(wrapperId).show();
                                              $(notification).show();
                                              $(authentication).hide();
                                              $(notificationerror).html(data.message).fadeIn(function() {
                                              });
                                          }
                                      }
                                      , 'json');
                              }
                          }
                          return false;
                      });
                      //*/
                  }).html();
          });
  
      }
  
  });
  </code></pre>
  
  <p>Any ideas?</p>