Panels can overlap with stringTest=long

[Nancy-Salpepi]

Test device MacBook Air M1 chip

Operating System 13.4

Browser Safari 16.4

Problem description For https://github.com/phetsims/qa/issues/936 and https://github.com/phetsims/qa/issues/937, on all screens with stringTest= long, the Spring Constant panel can overlap the control panel on the right with smaller window sizes.

Steps to reproduce

1. add ?stringTest=long to url
2. grab the right side of the window and move it left to decrease window size

EDIT: this overlap is also present on the iPad.

Visuals

Troubleshooting information: !!!!! DO NOT EDIT !!!!! Name: 12345678901234567890123456789012345678901234567890 URL: https://phet-dev.colorado.edu/html/masses-and-springs/1.1.0-dev.2/phet/masses-and-springs_all_phet.html?stringTest=long Version: 1.1.0-dev.2 2023-05-02 23:06:13 UTC Features missing: applicationcache, applicationcache, touch Flags: pixelRatioScaling User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.5 Safari/605.1.15 Language: en-US Window: 1341x706 Pixel Ratio: 2/1 WebGL: WebGL 1.0 GLSL: WebGL GLSL ES 1.0 (1.0) Vendor: WebKit (WebKit WebGL) Vertex: attribs: 16 varying: 30 uniform: 1024 Texture: size: 16384 imageUnits: 16 (vertex: 16, combined: 32) Max viewport: 16384x16384 OES_texture_float: true Dependencies JSON: {}

[Nancy-Salpepi]

On the Energy and Lab Screens, Text (Height=0) and Play/Pause button can also overlap. This is seen on the iPad and on my mac when adjusting the window size.

[jbphet]

Unassigning and marking as "blocks-sim-publication" since the republication of this sim has been deprioritized for now. This should be addressed (at least to some degree) before republishing.