В директиве editableTextAngular текстовый контейнер уходит в бесконечность в режиме редактирования.

Question

Я использую text-angular с директивой editableTextAngular в угловой xeditable форме, и при входе в режим редактирования текстовый контейнер уходит в бесконечность.

Это мой CSS:

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

Режим просмотра и режим редактирования: в режиме просмотра он отображается правильно. В режиме редактирования текстовый контейнер выходит за пределы экрана.

Это мой 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>