Text scaling bugs when using dynamic CSS transform and content-editable after clicking on the plot

Hi, this is a reproducible bug that we have run into in our charts. Unfortunately, this only happens on Chrome browsers which the majority of our users are using.

When using a dynamic zoom level control for scaling, there is unexplainable sizing issues with the annotations on the plot. For whatever reason, this occurs after clicking on the chart.

I have attached a minimal reproducible example with steps:

https://codepen.io/woon2222/pen/XWxRKjN

I am not sure why this occurs when the content-editable element is present.

Here is a video of what happens:
5440e09e-1b8e-4148-9183-0546966f0f62.webm

And some screenshots:

Perhaps someone could shed some light on this or has a workaround that we could use.

Empieza reproduciendo el problema del CodePen enlazado en Chrome, siguiendo las interacciones de zoom dinámico, clic en el chart, CSS transform y content-editable. Traza cómo el chart actualiza el tamaño de las anotaciones después del clic y compara el comportamiento con y sin el elemento content-editable. Se considera terminado cuando las anotaciones conservan el tamaño esperado después de hacer clic en el plot.