Как запретить многострочность в contenteditable контейнере?

Question

[Александр]

Поле ввода в чате необходимо сделать в 1 строку, но при этом требуется поддержка кастомных emoji. Было принято делать их с помощью contenteditable контейнера. Как избежать переноса на новую строку и сделать чтобы неумещающийся слева текст уезжал за границу поля, как в обычном поле ввода?

Answer 1

[Алексей Ярков]

Обрабатывайте нажатие Enter и событие input.

UPD: https://jsfiddle.net/yarkov_aleksei/9kmv0sgp/

Comments

[Александр]

Это конечно хорошо, но остаётся открытым вопрос о том как сделать чтобы текст уезжал влево, если он не умещается в поле.

[Алексей Ярков]

LordGuard, добавил в ответ

[Александр]

Алексей Ярков, спасибо)))

[Алексей Ярков]

LordGuard, та пожалуйста =)