Parece que window.innerHeight no lo tiene en cuenta. Esto da como resultado que se superponga al contenido de forma no deseada. Vea la captura de pantalla a continuación.

iPhone SE de primera generación

Intenté usar env(safe-area-inset-bottom) después de agregar viewport-fit=cover al elemento meta[name="viewport"] con la esperanza de que se evalúe como la altura de la barra de dominio colapsada, pero parece estar evaluando a 0.

Medí su altura en un iPhone SE de primera generación como 22px . Parece que es significativamente más alto que el de un iPhone 11.

¡Cualquier comentario sería muy apreciado!