emojionearea icon indicating copy to clipboard operation
emojionearea copied to clipboard

Long placeholder text allows entered text to overlap the emoji

Open Dima-369 opened this issue 4 years ago • 2 comments

Without a placeholder, this issue does not occur and the content wraps correctly, respecting the emoji button.

Browser: Firefox

See https://jsfiddle.net/1v03Lqnu/

Screen Shot 2020-03-16 at 14 58 48

Dima-369 avatar Mar 16 '20 14:03 Dima-369

The quick way to fix that is to add this css in your stylesheet

.emojionearea .emojionearea-editor:not(.inline) {
    overflow-wrap: break-word!important;
}

mervick avatar Mar 16 '20 14:03 mervick

Thank you!

The overflow-wrap fixes this nicely :)

Dima-369 avatar Mar 16 '20 16:03 Dima-369