Safari (iOS) mostra páginas em branco em instâncias do Discourse após o beta 8 devido à desativação manual do IntersectionObserver

A última build (2.7.0.beta8 f002c58a30) mostra uma página em branco em dispositivos móveis com iOS no Safari.

É possível reproduzir também com uma instância do Meta.

A build mais antiga que tenho em execução ainda funciona.

EDIT: Solução aqui :grinning_face:

Não consegui reproduzir nem no meta nem na minha instância.

Estranho

Reiniciado e limpei o cache, etc.

iOS 14.4 - iPhone 12 Pro.
Mesma versão e mesmo problema no iPhone 11.

Espero que possamos obter mais feedback aqui.

Aqui não consigo reproduzir o problema com um Xs no 14.5.1.

Você tem algum bloqueador de conteúdo ativado?

Já verifiquei e todos estão desligados.

Acabei de atualizar para a versão mais recente do iOS, mas o problema persiste.

Continuarei investigando…

Não foi possível reproduzir em:
iPhone 6s iOS 13.7
iPhone 7 Plus iOS 14.4.2
iPhone SE iOS 14.4.2

Se você tiver vários dispositivos apresentando o problema, pode haver um problema no caminho da rede.

Isso ocorre tanto no Wi-Fi quanto na rede móvel?

Se eu desativar o JavaScript, obtenho uma versão muito simples do Meta. Quando o reativo, a página recarrega e fica em branco.

Tentei usar VPN, dados móveis e Wi-Fi.

iPhone 11 Pro com iOS 14.4
iPhone 12 Pro com iOS 14.5.1

Sem problemas no Chrome ou no navegador Brave.

Realmente espero que alguém consiga reproduzir.

Tenho um quadro na versão beta 8 recente. Não está funcionando (incluindo o Meta).

Dois quadros estão na versão beta 7. Eles estão funcionando.

Posso atualizar um deles da versão 7 para a 8 e ver se ele também para de funcionar.

Você pode tentar o Meta no modo seguro? Funciona para você?

https://meta.discourse.org/safe-mode

A página do modo seguro está funcionando, mas ao estar no modo seguro, a mesma página em branco aparece.

Encontrei este log surgindo ao atualizar qualquer página no Safari.

ReferenceError: Não foi possível encontrar a variável: IntersectionObserver
Url: https://domain.com/assets/ember_jquery-36a23101c869ab0dc53fc908de69adb785731593573d32bdeef416acc1076ef4.js
Linha: 26
Coluna: 28177
Localização da Janela: https://domain.com/login

Hmm @blake / @pmusaraj, eu achei que isso não fosse um problema no iOS 14. Devemos reverter a remoção desse polyfill do IE? Parece que o iOS ainda o precisa às vezes.

Caniuse mostra que a API IntersectionObserver foi adicionada ao iOS 12.2 em março de 2019.

Se esses testes também foram realizados no iOS, isso também prova que deveria funcionar — todos os navegadores no iOS usam WebKit por trás.

@MarcP, você, por acaso, desativou a IntersectionObserver em Configurações > Safari > Avançado > Recursos Experimentais? Ela deve estar ativada por padrão. (veja as notas de versão do Safari Technology Preview 71)

Ah.. Bingo! Enquanto testava e tentava todas essas correções, alguém em algum fórum sugeriu desativar todos os recursos experimentais se uma página do Safari ficasse em branco. Bem, o problema foi resolvido agora.

Obrigado novamente a esta comunidade pelo raciocínio rápido.

Acabei de ter um membro do fórum com esse problema. Eles desativaram os recursos experimentais em algum momento, mas não sabiam como ou quando… mas isso os fez funcionar novamente, então obrigado por este tópico!