Tengo un contenteditable div que luce así
Este campo es generado de la siguiente manera
<div class="entradaTexto" name="entradaTexto" ng-model="entradaTexto" contenteditable="true"
style="
height: 60px;
padding: 20px 20px 20px 20px;
background-color: #f7f8f8;
overflow-x: hidden;
overflow-y: hidden;"
>{{entradaTexto}} </div>
La clase "entradaTexto" luce así
[contenteditable="true"].entradaTexto {
white-space: nowrap;
width:200px;
overflow: hidden;
}
[contenteditable="true"].entradaTexto br {
display:none;
}
[contenteditable="true"].entradaTexto * {
display:inline;
white-space:nowrap;
}
El problema surge cuando se introduce un texto demasiado largo que abarca más del tamaño del campo, en ese caso, no se puede deslizar el contenido horizontalmente para la edición de este como en los input text
PD: soy consciente de que aplico una clase y un estilo a la vez