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.

Comece reproduzindo o problema do CodePen vinculado no Chrome, seguindo as interações de zoom dinâmico, clique no chart, CSS transform e content-editable. Rastreie como o chart atualiza o tamanho das anotações após o clique e compare o comportamento com e sem o elemento content-editable. Está concluído quando as anotações mantêm o tamanho esperado após clicar no plot.