Text does not scale with selection box/cursor in Chrome 96+

Describe the bug Scaling text starting in Chrome 96 breaks (currently Beta). The bounding text contents does not match the selection box and the selection box does not track the cursor.

To Reproduce Steps to reproduce the behavior:

1. Go to https://svgedit.netlify.app/editor/index.html (or any version of SVG-Edit)
2. Create text
3. Scale text
4. See error

Expected behavior It should work like Chrome 95 or Firefox where the text fits selection box.

SVG-Edit environment

<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
 <!-- Created with SVG-edit - https://github.com/SVG-Edit/svgedit-->
 <g class="layer">
  <title>Layer 1</title>
  <text fill="#000000" font-family="Serif" font-size="24" id="svg_2" stroke="#000000" stroke-width="0" text-anchor="middle" x="109" xml:space="preserve" y="108">test</text>
 </g>
</svg>

• Version: 5, 6, 7 (maybe even 3+)

Desktop:

• OS: Windows
• Browser Chrome
• Version 96+

Screenshots

[smagnetize]

It’s fixed now in Canary

[jfhenon]

I close this as it is related to a Chrome issue. I also had to skip the test as it passed locally but on on the CI.