angularjs - In editableTextAngular directive the text container goes to infinity in edit mode -

i'm using text-angular editabletextangular directive in angular xeditable form , when entering in edit mode text container goes infinity.

this css:

.ta-editor {     min-height: 300px;     height: auto;     overflow: auto;     font-family: inherit;     font-size: 100%;     margin:20px 0; } 

view mode & edit mode: in view mode shown correctly. in edit mode text container goes outside screen.

this html:

<div class="form-group" style="width: 100%;margin-top: 10px;">   <span       editable-text-angular="notificacion.texto"       data-e-name="notificacion.texto"       data-e-class="editable-text-angular"       ng-bind-html="notificacion.texto"   >       {{notificacion.texto}}   </span> </div>