Textarea pierde el foco en el clic del mouse?

Question

Tengo algunos problemas extraños con un área de texto en Google Chrome.

El problema es que cada vez que hago clic en un área de texto en Google Chrome, pierde foco al instante y vuelve al cuadro de entrada anterior. El problema no ocurre si presiono la tecla tab en mi teclado.

Aquí está un .gif mostrando mi problema:

El código que estoy usando es válido 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> 

No estoy usando cualquier javascript en la página, sin embargo, aparte de la biblioteca jQuery.

Estoy bastante sorprendido de por qué esto está sucediendo, ya que es generalmente Internet Explorer que me da problemas como este.

¿Alguien tiene alguna idea de lo que está mal?

Answer 1

Intenta cerrar las etiquetas de tu etiqueta.

<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

No ha cerrado las etiquetas correctamente. Usted tiene <label> cuando debería ser </label>