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.

首先在 Chrome 中复现链接的 CodePen 中的问题，依次进行动态缩放、点击 chart、CSS transform 和 content-editable 交互。跟踪 chart 在点击后如何更新 annotation 的大小，并比较有无 content-editable 元素时的行为。点击 plot 后 annotation 仍保持预期大小即表示完成。