Long placeholder text allows entered text to overlap the emoji

mervick / emojionearea

Emoji Picker Plugin for jQuery

https://jsfiddle.net/mervick/1v03Lqnu/765/

MIT License

953 stars 257 forks source link

Open Dima-369 opened 4 years ago

Dima-369 commented 4 years ago

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

Browser: Firefox

Screen Shot 2020-03-16 at 14 58 48

mervick commented 4 years ago

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

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

Dima-369 commented 4 years ago

Thank you!

The overflow-wrap fixes this nicely :)