Dynamically long string in game overlaps equals sign

Test device Dell Operating System Win 11 Browser Chrome Problem description For https://github.com/phetsims/qa/issues/1172 The X variable in the game screen in the text boxes of the equation can get long enough to overlap the equals sign when dynamically getting longer. This is unlikely to actually happen in a translation.

Visuals

Troubleshooting information:

!!!!! DO NOT EDIT !!!!! Name: Equality ExplorerEquality Explorer URL: https://phet-dev.colorado.edu/html/equality-explorer/1.2.0-dev.10/phet/equality-explorer_all_phet.html?stringTest=dynamic&showPointerAreas Version: 1.2.0-dev.10 2024-11-18 14:20:02 UTC Features missing: applicationcache, applicationcache, touch Flags: pixelRatioScaling User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/130.0.0.0 Safari/537.36 Language: en-US Window: 1280x631 Pixel Ratio: 1.5/1 WebGL: WebGL 1.0 (OpenGL ES 2.0 Chromium) GLSL: WebGL GLSL ES 1.0 (OpenGL ES GLSL ES 1.0 Chromium) Vendor: WebKit (WebKit WebGL) Vertex: attribs: 16 varying: 30 uniform: 4096 Texture: size: 16384 imageUnits: 16 (vertex: 16, combined: 32) Max viewport: 32767x32767 OES_texture_float: true Dependencies JSON: {}

phetsims / equality-explorer

Dynamically long string in game overlaps equals sign #217