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.

Bắt đầu bằng cách tái hiện vấn đề từ CodePen được liên kết trong Chrome, thực hiện theo các tương tác zoom động, nhấp vào chart, CSS transform và content-editable. Theo dõi cách chart cập nhật kích thước của các annotation sau khi nhấp và so sánh hành vi khi có và không có phần tử content-editable. Công việc được xem là hoàn tất khi các annotation vẫn giữ kích thước mong đợi sau khi nhấp vào plot.