Textarea теряет фокус на щелчке мыши?

Question

У меня возникли некоторые странные проблемы с текстовым полем в Google Chrome.

Проблема заключается в том, что всякий раз, когда я нажимаю на текстовое поле в Google Chrome, он мгновенно потеряет фокус и вернется в предыдущее поле ввода. Проблема не возникает, если я нажимаю клавишу табуляции на клавиатуре.

Вот .gif, показывая мою проблему:

код я использую справедливо HTML:

   <div class="inputborder rounded"> 
        <label>Celebrity 1<label> 
        <div class="newline"></div> 
        <input type="text"/> 
        <div class="newline"></div> 
        <label>Tweet 1<label> 
        <div class="newline"></div> 
        <textarea>Y U NO WORK?!</textarea> 
        <div class="newline"></div> 
       </div> 

Я не использую любой JavaScript на странице пока, кроме библиотеки jQuery.

Я довольно ошеломлен, почему это происходит, поскольку Internet Explorer обычно вызывает такие проблемы.

У кого-нибудь есть идеи, что не так?

Answer 1

Попробуйте закрыть ярлыки ваших тегов.

<div class="inputborder rounded"> 
     <label>Celebrity 1</label> 
     <div class="newline"></div> 
     <input type="text"/> 
     <div class="newline"></div> 
     <label>Tweet 1</label> 
     <div class="newline"></div> 
     <textarea>Y U NO WORK?!</textarea> 
     <div class="newline"></div> 
</div> 

Answer 2

Вы не закрыли свои метки. У вас есть <label>, когда это должно быть </label>