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.

まず、リンク先の CodePen の問題を Chrome で再現し、動的ズーム、chart のクリック、CSS transform、content-editable の操作を順に確認します。クリック後に chart が annotation のサイズをどのように更新するかを追跡し、content-editable 要素がある場合とない場合の動作を比較します。plot をクリックした後も annotation が期待されるサイズを維持すれば完了です。