Problem

Wenn der Editor zum ersten Mal geladen wird, werden die Textzeilen vertikal gequetscht, als ob die Eigenschaft line-height auf etwa die Hälfte des normalen Werts gesetzt wäre. Nach etwa 1/2 Sekunde zeichnet der Editor neu und die Zeilen sehen normal aus.

Ich habe versucht, dies auf verschiedene Weise zu umgehen (z. B. durch explizites Festlegen der Zeilenhöhe in der CSS) und keine meiner Bemühungen hatte Wirkung gezeigt.

Dies ist hauptsächlich ein kosmetisches Problem, das die Editorfunktionalität nicht beeinträchtigt, aber es sieht unansehnlich aus.

Hier sind zwei Screenshots, die zeigen, wie es vor und nach dem Pop aussieht:

Beispielcode zum Reproduzieren Ihres Problems

Meine Editor-Konfiguration ist ziemlich minimal, das einzige Ungewöhnliche ist, dass ich Prozentsätze für Breite und Höhe verwende:

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