Safari (iOS) muestra páginas en blanco en instancias de Discourse después de la beta 8 debido a la desactivación manual de IntersectionObserver

La última versión (2.7.0.beta8 f002c58a30) muestra una página en blanco en dispositivos móviles con iOS en Safari.

Se puede reproducir también con una instancia de Meta.

La versión anterior que tengo en ejecución sigue funcionando.

EDIT: Solución aquí :grinning_face:

No puedo reproducirlo ni en meta ni en mi instancia.

Extraño

Reinicié y limpié la caché, etc.

iOS 14.4 - iPhone 12 Pro.
Misma versión y mismo problema en el iPhone 11.

Esperamos poder obtener más comentarios aquí.

No hay reproducción aquí con un Xs en 14.5.1.

¿Tienes algún bloqueador de contenido activado?

Ya he revisado y todos están desactivados.

Acabo de actualizar a la versión más reciente de iOS, pero el problema persiste.

Seguiré investigando.

No se puede reproducir en:
iPhone 6s iOS 13.7
iPhone 7 Plus iOS 14.4.2
iPhone SE iOS 14.4.2

Si tienes varios dispositivos que muestran el problema, es posible que haya un problema con la ruta de la red.

¿Ocurre tanto en Wi‑Fi como en datos móviles?

Si desactivo JavaScript, obtengo una versión muy sencilla de meta. Cuando lo vuelvo a activar, la página se recarga y aparece en blanco.

Probé con VPN, datos móviles y Wi-Fi.

iPhone 11 Pro, iOS 14.4
iPhone 12 Pro, iOS 14.5.1

No hay problemas en Chrome ni en el navegador Brave.

Espero mucho que alguien pueda reproducir el error.

Tengo un tablero en la beta 8 reciente. No funciona (incluyendo meta).
Dos tableros ejecutando beta 7. Estos sí funcionan.

Puedo actualizar uno de la versión 7 a la 8 y ver si también deja de funcionar.

¿Puedes probar Meta en modo seguro? ¿Funciona para ti?

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

La página del modo seguro está funcionando, pero cuando se está en modo seguro aparece la misma página en blanco.

Se encontró este registro apareciendo al actualizar cualquier página en Safari.

ReferenceError: No se puede encontrar la variable: IntersectionObserver
Url: https://domain.com/assets/ember_jquery-36a23101c869ab0dc53fc908de69adb785731593573d32bdeef416acc1076ef4.js
Línea: 26
Columna: 28177
Ubicación de la ventana: https://domain.com/login

Hmm @blake / @pmusaraj, pensé que esto no era un problema en iOS 14. ¿Deberíamos revertir la eliminación de este polyfill para IE? Parece que iOS todavía lo necesita a veces.

Caniuse indica que la API IntersectionObserver se añadió en iOS 12.2 en marzo de 2019.

Si esas pruebas también se realizaron en iOS, entonces también demuestra que debería funcionar: todos los navegadores en iOS utilizan WebKit por debajo.

@MarcP, ¿por casualidad has desactivado IntersectionObserver en Ajustes > Safari > Avanzado > Funciones experimentales? Debería estar habilitado de forma predeterminada. (consulta las notas de la versión 71 de Safari Technology Preview)

¡Ajá! ¡Eureka! Mientras probaba y aplicaba todas estas soluciones, alguien en algún foro sugirió desactivar todas las funciones experimentales si una página de Safari se queda en blanco. Bueno, el problema ya está solucionado.

Gracias de nuevo a esta comunidad por su rápida reacción.

Acabo de tener un miembro del foro con este problema. Había desactivado las funciones experimentales en algún momento, pero no sabía cómo ni cuándo… pero esto los puso a funcionar de nuevo, ¡así que gracias por este tema!