0
371
ViewsProblema con la barra de navegación inferior de iOS15 Safari al mostrar modal
Enfrenté un problema cuando actualicé el iOS a la versión 15 en el iPhone. Y descubrí que Safari oculta la barra de navegación cuando me desplazo hacia abajo en la página. Está bien, pero el problema surge cuando abro un modal.
Cuando abro modal siguiendo un estilo bien conocido
.modal { position: absolute; /* or fixed */ top: 0; right: 0; bottom: 0; left: 0; /* following is what I tried to, but not work */ width: 100vw; height: 100vh; }con
<body> ... <div class="modal">...</div> </body>, el área de la barra de navegación inferior se ha vacío y se ha rellenado con el color Website Tinting, aplicado en iOS15. Para reproducir este problema,
- hacer modal
- insertar entrada en modal y enfocarla automáticamente
- teclado arriba
- ocultar el teclado
- la barra de navegación se reduce y el área de la barra de navegación todavía se coloca con el color Tinting.
Adjunto una imagen y un enlace de pregunta relacionado con esta pregunta.
https://lzomedia.com/blog/modal-wont-resize-when-ios-15-safaris-navbar-expands/
·
Santiago Trujillo
1 answers
Answer question0
Intente configurar min-height: 100vh; al elemento html.
html { min-height: 100vh; }
·
Santiago Trujillo
Report
Answer question