Проблема

При первой загрузке редактора строки текста сжимаются по вертикали, как если бы свойство line-height было установлено примерно на половину от нормального значения. Примерно через 1/2 секунды редактор перерисовывает, и линии выглядят нормально.

Я пытался обойти это разными способами (например, явно задавая высоту строки в CSS), и ни одно из моих усилий не дало никакого эффекта.

В основном это косметическая проблема, она не влияет на работу редактора, но выглядит некрасиво.

Вот два снимка экрана, показывающие, как это выглядит до и после всплывающего окна:

Пример кода для воспроизведения вашей проблемы

Конфигурация моего редактора довольно минимальна, единственное, что необычно, это то, что я использую проценты для ширины и высоты:

<AceEditor
  mode={mode}
  theme="twilight"
  width="100%"
  height="100%"
  focus
  tabSize={2}
  ref={el => { this.editor = el; }}
  editorProps={{ $blockScrolling: true }} />