Bug: Chrome Distorts Text When Adding New Elements

I’ve encountered a really strange bug, which occurs (at least) in the latest version of Chrome (125.0.6422.77 (Official Build) (x86_64)). We’ve tested it on multiple computers, and the issue appears on some, but not on others.

The problem arises when we use FontLoader and add another element. Parts of the font become completely distorted. It works fine as long as no additional elements are added to the scene. This bug seems to affect multiple tabs simultaneously, so if it occurs on one tab, it affects all fonts across all tabs, even if those tabs were previously functioning correctly.

To fix the issue, I have to completely close Chrome, after which it works fine again.

Here’s a screenshot of what it looks like if the comment from line 44 is removed:

Link to the code: Edit fiddle - JSFiddle - Code Playground (Line 44 is currently commented out, so it should work fine in Chrome. Uncommenting it should reproduce the issue.)

Here is the corresponding bug report on Github: Chrome Text Distortion When New Elements Are Added · Issue #28469 · mrdoob/three.js · GitHub

Does anyone have any ideas on what’s going on and how to fix this?

Thanks!