contenteditable de una sola línea de entrada

Para una aplicación que estamos desarrollando en la empresa donde trabajo, necesitamos una entrada que admita la inserción de emoticones dentro de nuestra aplicación web basada en JS. Actualmente estamos utilizando una entrada con los códigos cortos de emoticones (es decir, ':-)') y nos gustaría cambiar a insertar imágenes gráficas reales.

Nuestro plan original era usar unacontenteditable <div>. Estamos utilizando oyentes para el evento de pegado, así como las diferentes interacciones de tecla / mouse para garantizar que no se ingrese marcado no deseado en el contenido (eliminamos el texto de sus etiquetas de contenedor y dejamos solo etiquetas de imagen que insertamos nosotros mismos).

Sin embargo, el problema en este momento es que el div cambia de tamaño si coloca suficiente contenido (es decir, su altura aumenta). No queremos que esto suceda, ni es aceptable que el texto esté oculto (es decir, simpleoverflow: hidden). Entonces

Existe alguna forma de hacer que el div contenteditable se comporte como una entrada de una sola línea?

Me gustaría que haya una propiedad de atributo / CSS relativamente simple que me haya perdido y que haga lo que quiero, pero si es necesario, también se agradecerán las sugerencias CSS + JS.