Cursorposition ist falsch, wenn CSS-Transformationsmatrix-Eigenschaft auf Container angewendet wird

Question

Ich benutze Ace Editor in meiner App und wenn CSS-Transformationsmatrix auf das Container-Div angewendet wird, wird die Cursorposition falsch positioniert. Wenn ich mit der Eingabe anfange, tippt es an einer anderen Stelle als der Cursor. Wenn der Zoom jedoch wieder normal eingestellt ist, ist der Cursor korrekt positioniert.

Ich suchte nach diesem Problem, und die meisten der Lösungen beziehen sich auf die Einstellung von monospaced Schriftart und nicht Einstellung von Buchstabenabstand auf 0. Ich überprüfte beide und sie sind korrekt.

Answer 1

Ace prüft beim Berechnen der Mausposition nicht auf Zoom, da es sich um eine nicht standardmäßige CSS-Eigenschaft handelt.
Als Workaround können Sie den Ace-Container auf 1/global_zoom vergrößern und stattdessen die Schriftgröße vergrößern.