19 votos

Textarea pierde el foco en el clic del ratón?

Estoy teniendo algunos extraños problemas con un textarea en Google Chrome.

El problema es que cuando hago clic en un textarea en Google Chrome, va a perder el foco al instante, y volver a la anterior caja de entrada. El problema no se produce si presiono la tecla tab en mi teclado.

Aquí está una .gif mostrando mi problema:

enter image description here

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>

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

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

Alguien tiene alguna idea de lo que está mal?

8voto

sbeliv01 Puntos 3306

Trate de cerrar la etiqueta las etiquetas.

<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>

3voto

j08691 Puntos 86464

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

Iteramos.com

Iteramos es una comunidad de desarrolladores que busca expandir el conocimiento de la programación mas allá del inglés.
Tenemos una gran cantidad de contenido, y también puedes hacer tus propias preguntas o resolver las de los demás.

Powered by: