id summary reporter owner description type status priority milestone component version severity resolution keywords cc focuses 48062 "Twenty Nineteen: ""NonBreakingSpaceOverride"" breaks ""ch"" CSS unit" Andy Schmidt "Took me a while to figure out why some of our columnar layouts were all broken and wrapping in odd places with the new theme. Turns out, the Twenty Nineteen theme prevents usage of the ""ch"" CSS unit, because it replies on your ""NonBreakSpaceOverride"" font. In Chrome, Mobile Safari (and Edge/IE11), the ch width is calculated as TWICE the correct width vs. the native Hoefler font. In Firefox it renders identical. On the other hand, the ex width is calculated slightly smaller (incl. Firefox, but NOT Mobile Safari), but that would be tolerable. This sample page will render the FIRST set of DIVs precisely - the SECOND set of DIVs demonstrates the problem: {{{

00000000000000000000

xxxxxxxxxxxxxxxxxxxx

 
 

00000000000000000000

xxxxxxxxxxxxxxxxxxxx

 
 
}}} " defect (bug) new normal Awaiting Review Bundled Theme 5.2.3 normal