Resaltado y barra de herramientas mal posicionados en el desplazamiento exterior

Sí, muy raro, mi primera suposición fue que las barras de barras de Canvas no se actualizaban en la ventana 'desplazarse', así que he intentado crear un ejemplo que no sea pantalla completa con una página larga, pero me he dado cuenta de que no hay un oyente de 'desplazamiento' (en la ventana principal) porque no es necesario, las barras de herramientas están posicionadas correctamente sin ese oyente. Así que, los únicos problemas razonables que se me ocurren podrían ser el navegador Firefox (intenta ver tu página en Chrome, por favor) o quizá estás cargando tu página dentro de un iframe porque eso podría ser un problema; en ese caso, tendrías que configurar un oyente de 'desplazamiento' y propagarlo al editor

¡Hola, gracias por la respuesta!

Firefox no parece ser el problema aquí (el mismo comportamiento en Chrome) ! imagen Además, el repositorio de replicación funciona en ambos navegadores sin el error.

No estoy cargando nada en iframe (esto es el diseño del inspector desde la página real) ! imagen Los únicos estilos personalizados aplicados a los elementos superiores son algunos márgenes, rellenos, altura mínima y ancho máximo. Mirándolo, el contenido parece prácticamente el mismo que en el repositorio de replicación, así que cada vez me estoy confundiendo más.

Una cosa que he notado es que se "arregla" sola al redimensionar la ventana (hasta que vuelvas a desplazarte)

@artf creo que he encontrado la causa, nuestro elemento raíz '<div id="❤">' tiene este estilo: '''css #❤ { Altura: 100vh; pantalla: flex; }

¡Añadir eso al repositorio de reproducción hizo que apareciera el problema! (Quitar el 'flex' parece solucionar el problema, investigaré si realmente lo necesitamos en nuestro caso, pero al menos ahora hay reproducción real)