Firefox не допускает пустой области contenteditable

Question

Firefox не допускает пустой области contenteditable

Firefox версии 30.

Следующий код отлично работает в chrome, и я могу начать печатать в абзаце.

Но он не работает в firefox, никаких подсказок, что не так

<div>

    <div>

      <span contenteditable="false">Not editable area</span>

        <p contenteditable="true"></p>

    </div>

</div>

JSFiddle - http://jsfiddle.net/THPmr/30/

535 2

jQuery css3 html5

2 ответов:

Comments

Ничего не найдено.

Coder · Accepted Answer · 2014-07-17 05:10:44

Chrome, кажется, автоматически присваивает некоторую высоту абзацу contenteditable, но Firefox этого не делает. простое решение-добавить минимальную высоту к абзацу.
<p contenteditable="true" style="min-height:15px"></p>
Теперь нам не нужно беспокоиться о лишних пробелах и ненужных тегах br

charlietfl · Accepted Answer · 2014-07-17 05:15:06

CSS решение:

p[contenteditable] { min-height: 1em}
/* or more generic for any element*/
[contenteditable] { min-height: 1em}

демо-версия