Estoy creando un portal web que debe ser funcional y bonito en múltiples plataformas. Una de las plataformas es IOS Safari, y esto es donde encontré un problema. En mi código, alineo dos botones flotantes en la parte inferior de un div con una anchura y altura del 100% Todo esto funciona bien y mis botones se muestran exactamente como se supone en la parte inferior de la página. Sin embargo, cuando hago clic en los botones, la vista compacta de safari móvil cambia a vista completa y mis botones están ocultos detrás de la barra de navegación inferior.
¿Es normal que Safari Mobile muestre el menú expandido cuando el usuario toca el 10% inferior de la pantalla? ¿Cómo puedo evitar esto?
En este gif puedes ver el problema en el simulador de IOS:
Como puede ver, el problema solo ocurre cuando un botón está en el 10% inferior de la vista. Esto es solo un botón normal. Mi código fue revisado por el triple por varios desarrolladores y no tiene errores.