Este tópico é dedicado a coletar feedback, focando principalmente em quaisquer problemas relacionados à UX, para o experimento em andamento no qual os emojis não afetam mais a ‘altura da linha’ e também respeitam a configuração de tamanho de texto do usuário em postagens de tópicos, mensagens e chat.
Por exemplo, você pode encontrar um exemplo aqui…
Sem o experimento no menor tamanho de texto do usuário (a diferença mais dramática):
^ Parece haver uma quebra de linha antes de “Por exemplo,”, enquanto não há.
Por que isso é um experimento e não uma simples correção de bug?
Poderia ser, mas há potenciais problemas ocultos em diferentes dispositivos, navegadores e sistemas operacionais. O Safari, por exemplo, renderiza a propriedade de estilo de transform: scale(x) como borrada dadas combinações particulares de dígitos e font-size, com a alternativa webkit sendo grow – mas esta propriedade adiciona um espaço marginal à altura da linha, ao contrário da propriedade mais amplamente adotada. Este tópico existe para lançar uma rede capturando quaisquer bugs, antes de adotar o suporte.
Confirmado. Isso foi corrigido especificamente com o chat.
Mas para posts/mensagens, procurarei uma correção para esse seletor. Ele precisa ser largo o suficiente para capturar emojis em <li></li> dinâmicos (como exemplo) ou qualquer marcação, mas especificamente não certas coisas.
Este experimento foi pausado/desativado 2024-01-02T06:00:00Z até segunda ordem, para diagnosticar problemas de renderização com o Safari relacionados à propriedade transform: scale(x); emojis podem aparecer borrados em casos aleatórios, onde podem renderizar nítidos em uma postagem, a próxima pode aparecer borrada sem um padrão reproduzível.
Geralmente, a renderização foi considerada com o Safari, mas como essa inconsistência é mais difícil de contornar, este experimento precisará de uma correção mais consistente para prosseguir com a implementação e ainda suportar a versão do webkit do Safari. Estou inclinado a reimplementar a propriedade alternativa grow do webkit especificamente para o Safari. Mesmo que isso consuma uma parte da altura da linha, isso pode ser mitigado.
