title: Textarea loses focus on mouse click?
body: <p>I'm having some strange issues with a textarea in Google Chrome. </p>
  
  <p>The problem is, whenever I click on a textarea in Google Chrome, it will lose focus instantly, and go back to the previous input box. The problem doesn't happen if I press the tab key on my keyboard.</p>
  
  <p>Here's a .gif showing my problem:</p>
  
  <p><img src="https://i.stack.imgur.com/3kGct.gif" alt="enter image description here"></p>
  
  <p>The code i'm using is valid html:</p>
  
  <pre><code>                &lt;div class="inputborder rounded"&gt;
                      &lt;label&gt;Celebrity 1&lt;label&gt;
                      &lt;div class="newline"&gt;&lt;/div&gt;
                      &lt;input type="text"/&gt;
                      &lt;div class="newline"&gt;&lt;/div&gt;
                      &lt;label&gt;Tweet 1&lt;label&gt;
                      &lt;div class="newline"&gt;&lt;/div&gt;
                      &lt;textarea&gt;Y U NO WORK?!&lt;/textarea&gt;
                      &lt;div class="newline"&gt;&lt;/div&gt;
                  &lt;/div&gt;
  </code></pre>
  
  <p>I'm not using any javascript on the page yet, apart from the jQuery library.</p>
  
  <p>I'm pretty stunned as to why this is happening, as it's usually Internet Explorer that gives me problems like this.</p>
  
  <p>Anyone have any idea what's wrong?</p>