Code snippets on my blog were sometimes rendered awkwardly, one random line looking bigger.

I use hugo which uses chroma for code highlights. Browsing the open issues quickly revealed that another hugo user was facing this.

I prepared a bug report and submitted it to the webkit bugzilla.

In a short time, I was told that this rendering was due to how text adjusting works, a mobile only feature.

Both MDN and the Apple Documentation describe how to control that adjusting. What I don’t know though, is in what circumstances that algorithm kicks in exactly and why on some code snippet lines that algorithm would render the text bigger and sometimes not.

Anyways, I could quickly fix that on my blog and a coming release of chroma will include a fix too. Here’s my pull request for that.

I don’t think I could mention any CSS property that applies to mobile devices only, that’s the first one I see.