Curser is on top line of editor when it is empty

[EhsanCh]

When content is empty in textarea , cursor is on top border line of editor.
You can see it in demo .
1- delete textarea content
2-click on somewhere else in page
3-click in editor.

[oasiz]

Setting a placeholder attribute within the emojionearea-editor seems to fix this issue. Note that there has to be a value, even if it's just a space.

placeholder=" "

[collimarco]

Placeholder " " doesn't fix. Only a placeholder with a non blank string fixes the issue.

[collimarco]

You can use placeholder: "\xa0"(non breaking space)

[oasiz]

Placeholder " " (space) works fine for me using latest versions of Chrome, Firefox, Opera, IE and Edge.

See: http://chat.oasiz.net/lobby

[EhsanCh]

Fix emojionearea.css by adding ‘padding-top: 1em;’ to following rule seems to be better: .emojionearea .emojionearea-editor:empty::before { content: attr(placeholder); display: block; color: #bbb; padding-top: 1em; }