Grouped ListGrid groupingRow icon not vertically centered

[Blama]

Hi Isomorphic,

please see the testcase in this thread and the included video. As you can see, the grouping icon is visibly not centered.
This happens in the unmodfied sample as well, but is less visible there (see zoomed screenshot, v11.1p_2018-06-15).




Additionally, there is a text-positioning problem if you use groupIconSize:24. Please see this video of this sample, once unmodified and once with groupIconSize:24.
As you can see the text moves and is no longer centered with a different groupIconSize:

For some unclear reason, this is *way* more visible in my application (current 6.1p) using a different font (Google Webfont Dosis):


Best regards
Blama

[Isomorphic]

This is likely a noticeable problem in your app because the font has a faulty or unusual baseline.

As far as being just barely off center with other fonts, unfortunately there is a thicket of browser bugs here, with slightly different interpretations of the meanings of CSS centering. We can’t really do better across all browsers without either introducing expensive additional DOM structures, or creating issues for developers trying to customize styling (eg, them needing to be aware of a map of browser/font/font size offsets).

So we’re leaving this alone for now, but things may improve as browsers get better and/or more consistent with each other.

[Blama]

Hi Isomophic,

actually I only care about the font positioning, because this looks really strange. I'll retry with the default skin in my application and report back if the big misalignment is there as well.
I do think that you fixed something related to vertical text positioning here years ago, but could not find the thread.

Best regards
Blama