Curser is on top line of editor when it is empty

Question

Curser is on top line of editor when it is empty

EhsanCh opened this issue 8 years ago · 5 comments

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.

Answer 1 · 2017-01-12T17:27:42.000Z

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

Answer 2 · 2017-02-01T12:43:43.000Z

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

Answer 3 · 2017-02-01T12:48:03.000Z

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

Answer 4 · 2017-02-01T13:10:39.000Z

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

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

Answer 5 · 2017-02-01T13:21:35.000Z

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