Como um bug report no meu blog se tornou um problema de WebKit

Eu estava cuidando da minha vida até que alguém reportou um bug no meu site 1.

Primeiro relatório de problema screenshot

Nada demais, certo? Não exatamente! Quando eu testei, pensei que fosse um problema relacionado ao Chroma 2, o programa responsável por renderizar blocos de código deste site.

Segundo relatório de problema screenshot

No entanto, eu estava errado! Depois de algumas testagens, o pessoal da comunidade do Chroma descobriram um problema no motor do WebKit. Mais especificamente, o navegador não respeita as dimensões específicas de texto quando o conteúdo excede um determinado comprimento 3. Os blocos de código estavam sendo renderizados com tamanhos de fontes incorretos, deixando eles mais difíceis de ler e desagradáveis.

Screenshot do problema

O problema acontece quando usuários de iPhone visitam meu site usando o Safari. A razão é que o WebKit tem uma funcionalidade que auto-corrige as dimensões de fonte, e essa correção automática faz blocos de código parecerem estranhamente grandes em algumas linhas e menores em outras.

Screenshot do WebKit

Portanto, tenho duas opções: adicionar a correção sugerida no meu site (uma regra de CSS que desabilita o auto-resize de texto) ou esperar até que eles corrigam isso no motor de navegador.

Legal, né?