Dos meus testes, isso é específico ao problema do Safari iOs.
Basicamente no iOS, ao expandir o último item de conteúdo, os navegadores nem sempre rolam o conteúdo, mas rolam a página.
É um comportamento inconsistente que acontece com oúltimo item da seção, não importa o que eu faça. Tentei adicionar outro elemento de seção ao DOM como um hack para fazê-lo funcionar corretamente, mas ainda se comporta da mesma maneira.
A altura é expandida com base nos parâmetros max-height, para que o conteúdo dinâmico não possa ser expandido corretamente pelos js.
Passei horas olhando isso e é num ponto em que preciso de outros olhos para dar uma olhada. Obrigado por qualquer ajuda que você possa oferecer!
Respostas:
0 para resposta № 1Claro que é depois de fazer uma pergunta que você encontraa resposta .... Consegui corrigir isso removendo uma regra de altura css em um contêiner pai que estava usando a nova regra vh. Eu mudei para usar 100% vs 80vh e está se comportando conforme o esperado. Espero que isso ajude outra pessoa.