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

У меня возникают некоторые странные проблемы с текстовым полем в 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 дает мне такие проблемы.

Кто-нибудь знает, что неправильно?

Ответ 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>

Ответ 2

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