Sliders slightly misaligned with long strings

[liammulh]

Test Device

MacBook Air

Operating System

macOS 11.2

Browser

Safari 14.0.3

Problem Description

For phetsims/qa#603. While verifying #513, I noticed that the alignment of the sliders is ever so slightly off with long strings. See screenshots. Only documenting because QA policy is to over-document, not under-document.

Screenshots

Reasonably aligned:

Misaligned:

Troubleshooting Information

Name: ‪Waves Intro‬
URL: https://phet-dev.colorado.edu/html/waves-intro/1.1.0-rc.4/phet/waves-intro_all_phet.html
Version: 1.1.0-rc.4 2021-01-30 00:05:35 UTC
Features missing: touch
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0.3 Safari/605.1.15
Language: en-us
Window: 1440x820
Pixel Ratio: 1/1
WebGL: WebGL 1.0
GLSL: WebGL GLSL ES 1.0 (1.0)
Vendor: WebKit (WebKit WebGL)
Vertex: attribs: 16 varying: 15 uniform: 1024
Texture: size: 16384 imageUnits: 16 (vertex: 16, combined: 32)
Max viewport: 8192x8192
OES_texture_float: true
Dependencies JSON: {}

[samreid]

Thanks for the report @liam-mulhall, this problem is akin to #433 and will likely be dealt with in the same way--that is, with a long term solution in phetsims/sun#48, closing.