Issues with ?stringTest=dynamic

[Nancy-Salpepi]

Test device
MacBook Air M1 chip

Operating System
13.5

Browser
Safari 16.6

Problem description
For phetsims/qa#974, with ?stringTest=dynamic I am seeing two issues:

1. The units on the ruler:

2. The scales for Wall Position and Wall Angle can become misaligned:

Troubleshooting information: !!!!! DO NOT EDIT !!!!! Name: ‪Sound Waves‬ URL: https://phet-dev.colorado.edu/html/sound-waves/1.0.0-rc.2/phet/sound-waves_all_phet.html?stringTest=dynamic Version: 1.0.0-rc.2 2023-08-28 14:05:18 UTC Features missing: applicationcache, applicationcache, touch Flags: pixelRatioScaling User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36 Language: en-US Window: 1269x729 Pixel Ratio: 2/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: 31 uniform: 1024 Texture: size: 16384 imageUnits: 16 (vertex: 16, combined: 32) Max viewport: 16384x16384 OES_texture_float: true Dependencies JSON: {}

[KatieWoe]

I also saw some oddities if strings were long next to checkboxes.

[matthew-blackman]

The issue with ruler is documented in phetsims/scenery-phet#817. Although it is outside the scope of the Sound Waves publication, we should address the dynamic layout issues with RulerNode long-term.

Will address the panel layout issues and leave the ruler alone for this RC.

[matthew-blackman]

This is ready for QA spot-check on main. All dynamic layout issues described above should be fixed except for the ruler for the reasons above.

[KatieWoe]

I'm still seeing the oddly sized text with long strings on the last screen. With dynamic strings and without.

[matthew-blackman]

The sound mode radio button text was also scaling incorrectly with long strings. Fixed in above commit. We also shortened the "Air Density in Speaker Box" string which was causing the text in the panels on the last screen to shrink more than on other screens.

@marlitas and I are still a bit confused as to how the text across panels is maintaining a single font size, but I think it looks okay and we are happy with the current way that text is dynamically laying out. Ready for spot-check!

[KatieWoe]

Looks much better on main now

[Nancy-Salpepi]

Everything looks good to me too!

[Nancy-Salpepi]

Looks good to me in rc.2. Closing