Firefox para Android interrumpe el zoom al enfocar la entrada, pero no siempre.
Tengo el problema más extraño con Firefox en Android. Cuando enfoco un campo de entrada, hace zoom en la página y se desplaza hasta el campo de entrada. Cuando dejo de enfocar, el sitio queda bloqueado en ese estado ampliado hasta que navego a otra página. La página sigue ampliada, pero puedo volver a hacer zoom normalmente.
Curiosamente, solo sucede en una ruta donde hay solo un campo de entrada, así que probé agregar más elementos pero el problema persiste.
Aún más extraño, en otro teléfono con la misma versión y compilación de Firefox (94.1.2), no puedo reproducirlo. Estoy en Android 11 y el teléfono donde no se pudo reproducir es Android 9.
He intentado estas soluciones sin éxito.
Etiqueta meta viewport:
<meta name="viewport" content="width=...,height=...,initial-scale=1.0,user-scalable=no">
Esta respuesta sugiere este hack:
input:focus { font-size: 16px !important; }
Finalmente, desactivé todas mis extensiones, limpié al mínimo el marcado e incluso agregué más campos de entrada y otro contenido (para que coincida con las rutas que funcionan) y hasta ahora nada ayuda.
No hay nada especial en el campo de entrada, pero aquí está el código relevante:
<input type="text" placeholder="placeholder">
.input {
width: 100%;
padding: .25rem .5rem;
border: 1px solid #ddd;
}
Ahora me estoy quedando sin ideas, así que espero que alguno de ustedes se haya encontrado con el mismo problema.
davy.ai
Problema extraño con Firefox en Android
El usuario está enfrentando un problema extraño con Firefox en Android donde la página hace zoom y se desplaza hacia el campo de entrada al enfocarlo. El problema persiste incluso después de dejar de enfocar el campo, y la página permanece bloqueada en un estado de zoom hasta que se navega a otra página. Curiosamente, el problema solo ocurre en una ruta donde solo hay un campo de entrada, a pesar de la adición de más elementos. El usuario ha intentado algunas soluciones como utilizar la etiqueta Meta viewport y un truco con CSS, pero ninguna de ellas ha funcionado. El usuario también ha desactivado todas las extensiones, limpiado el código y agregado más campos de entrada y otros contenidos, pero sin éxito. No parece haber nada especial acerca del campo de entrada, y se proporciona el código relevante. El usuario espera encontrar una solución a este problema y busca ayuda de otros que puedan haber encontrado el mismo problema.