Ace Editor "cursor bug"

Некорректное поведение курсора во внедренном редакторе ACE.

проблема

при редактирование реальное положение курсора не совпадает с визуальным на экране.

решение

редактор корректно поддерживает только monospace шрифты и если подключен другой шрифт поведение курсора будет не адекватным. Такое возможно когда на сайте или в приложении используется множество стилей и происходит переопределение стиля для контейнера редактора. Укажем четко, что нужен monospace:

#editor {
  font-family:monospace
} 

.ace-editor {
  font-family: monospace!important;
}

.ace-editor div {
  font: inherit!important; 
}     

Пример - Ошибка

  
    var x = "All this is syntax highlighted";
    return x;

Пример, все хорошо

  
    var x = "All this is syntax highlighted";
    return x;