вместо.

риложения, которое мы разрабатываем в компании, где я работаю, нам нужен вход, который поддерживает вставку смайликов в наше веб-приложение на основе JS. В настоящее время мы используем ввод с короткими кодами смайликов (то есть ':-)') и хотели бы перейти к вставке реальных графических изображений.

Наш первоначальный план состоял в том, чтобы использоватьcontenteditable <div>, Мы используем прослушиватели для события вставки, а также различные взаимодействия клавиш и мыши, чтобы гарантировать, что нежелательная разметка не попадет в contenteditable (мы удаляем текст из его тегов контейнера и оставляем только те теги изображений, которые мы вставили сами).

Однако проблема сейчас заключается в том, что div изменяет размер, если вы помещаете достаточно содержимого (т.е. его высота увеличивается). Мы не хотим, чтобы это произошло, и недопустимо, чтобы текст просто скрывался (т.е.overflow: hidden). Так:

Есть ли способ заставить contenteditable div вести себя как однострочный ввод?

Лучше всего, если будет относительно простое свойство attribute / css, которое я пропустил и которое будет делать то, что я хочу, но при необходимости предложения CSS + JS также будут оценены.