Multi-line labels have extra vertical spacing with some characters

[schmidtk]

The measureText call calculates odd heights/descents for some characters. On macOS/Chrome the letter M is measured taller than it should be. From inspection, it looks like the canvas has extra empty space at the top. This results in multi-line labels having unnecessary spacing between lines.

On Linux/Chrome I was seeing similar behavior but with 4 having a height of 17 (most characters were 11) and N having a descent of 2.5 (most characters were 0.5). The end result in repositionAllGlyphs was a much larger max line height (19.5) than expected and very spread out label lines.

Use this gist to reproduce:
https://gist.github.com/schmidtk/77c64471dc9e7170b18a344c238c4700

[ggetz]

Thanks @schmidtk for tracking this down!

Related #378?

[schmidtk]

I did look at that a bit, and I believe this is a separate issue with the same library. It happens with native browser fonts and doesn't seem to be related to font loading.

[hpinkos]

This appears to be fixed

[schmidtk]

@hpinkos Confirmed in our app as well, thank you!