Parágrafos com notas de rodapé inline usam fonte menor no Chrome no Android

Esta seção não tem nota de rodapé.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

Esta seção tem uma nota de rodapé. O texto deve ter o mesmo tamanho dos outros, mas é menor (apenas no celular)

Lorem ipsum[1] dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

E esta seção não tem, novamente

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum


  1. “Por outro lado, denunciamos com justa indignação e desgosto os homens que são tão seduzidos e demoralizados pelos encantos do prazer do momento, tão cegos pelo desejo, que não conseguem prever a dor e o sofrimento que inevitavelmente advirão; e igual culpa pertence àqueles que falham em seu dever por fraqueza de vontade, o que é o mesmo que dizer por fugir do trabalho e da dor. Esses casos são perfeitamente simples e fáceis de distinguir. Em uma hora livre, quando nosso poder de escolha é irrestrito e quando nada nos impede de fazer o que mais gostamos, todo prazer deve ser bem-vindo e toda dor evitada. Mas em certas circunstâncias e devido às exigências do dever ou às obrigações do negócio, frequentemente ocorrerá que prazeres devam ser repudiados e aborrecimentos aceitos. O homem sábio, portanto, sempre se atém a este princípio de seleção: ele rejeita prazeres para garantir outros prazeres maiores, ou então suporta dores para evitar dores piores.” ↩︎

Ah, LOL. Acho que não há notas de rodapé aqui no meta. Mas veja o bug em ação no Ask Fedora:

Os parágrafos que contêm notas de rodapé na postagem do tópico, e também para respostas que as têm, no Android no aplicativo, estão em uma fonte menor. Eles não foram alterados no Firefox no desktop.

Acabei de adicionar o plugin, então agora temos notas de rodapé aqui. Cliquei em ‘Rebuild HTML’ na sua OP.

3 curtidas

Obrigado! E posso dizer agora: sim, não é só o meu site. Experimente e veja.

1 curtida

Bem, para mim (app/iPad(Safari) a nota de rodapé agora aparece no final desta página, abaixo dos tópicos sugeridos.

Os parágrafos têm o mesmo tamanho de fonte, no entanto.

Acabei de verificar — funciona bem no Firefox para celular, mas não no aplicativo com Chrome integrado ou no navegador Chrome.

Estou usando Android/Chrome, e o texto parece consistente para mim? Tentei aqui, no meu site e no link do fedora; ambos no meu navegador normal, em ‘instalar o aplicativo’ e no Discourse Hub.

Embora a nota de rodapé inline na OP não pareça estar expandindo para mim.

Está expandindo, mas aparecendo no final da página? (Tipo, role até o final.) Porque é isso que está acontecendo comigo.

2 curtidas

Ah sim, aí está. :slightly_smiling_face: Pensei que já tivesse olhado lá depois que @Jagster mencionou, mas obviamente não rolei para baixo o suficiente.

(só para constar, funciona corretamente no meu site)

Para que conste, Android 12 em um Pixel 4a.

Pensei que pudesse ser um problema de tema, mas é o mesmo em todos que tentei.

Android 9/Honor 9 para mim.

Eu o alterei para não usar notas de rodapé inline em meus sites, e isso corrigiu o problema. Eu meio que prefiro isso de qualquer maneira, embora o inline seja elegante. (O que eu realmente quero é ambos, mas essa é outra história.)

No Firefox Windows + Sidebar, ele está sendo renderizado em um local totalmente errado.

@vinothkannans, você pode investigar o problema relatado e este problema do Firefox? Talvez nossa biblioteca popper precise ser atualizada?

1 curtida

@j.jaffeux tem trabalhado em algumas grandes mudanças no plugin aqui:

Essas mudanças foram implantadas no Meta agora - as coisas estão parecendo melhores, @mattdm?

1 curtida

Parece o mesmo para mim neste tópico. Sou o único a ver isso?

O commit corrigiu uma série de problemas gerais, então eu esperava que tivesse resolvido o problema de tamanho de texto que você estava vendo - acho que não :cry:

Acabei de testar um dispositivo Android (Galaxy S21, Android 11.0, último Chrome) no browserstack.com e não consigo reproduzir o problema:

Qual aplicativo é este? O aplicativo oficial “Discourse Hub” para Android?

Eu não olhei para este problema, acho que é provavelmente trivial de consertar, deixe-me dar uma olhada.

1 curtida

Algumas observações:

  • Consigo reproduzir no Android 9 Galaxy S10 (não consegui reproduzir em versões mais novas)
  • Está definitivamente relacionado ao botão, se eu o remover, ele tem o tamanho correto

Investigando…

2 curtidas

@david Acho que isso deve resolver e também melhorar outras coisas:

4 curtidas