Navegación para móvil en algunas configuraciones te obliga a hacer 2 taps

[hfersu]

Descripción:

El error ha sido detectado en iOS en modelos con la barra inferior para deslizar. Al hacer click en el boton de inicio, en lugar de llevarnos a la ruta esperada se cambia al siguiente estado:

Reproducción:

Es necesario configurar la barra de búsqueda en Safari para iOS y ponerla en la parte superior de la pantalla: Soporte de Apple o en el boton de Accesibilidad (aA) que se puede ver en las capturas.

Solución:

Usar en CSS un margen de seguridad que meten los sistemas operativos al poner esa variable en caso de ser necesario. Dejo link a la documentación MDN: env(safe-area-inset-bottom). He trabajado con esta propiedad y recomiendo aumentar el valor añadido por el sistema al menos en un 50% para ser más "generoso" con los usuarios menos precisos.