Tengo un código JavaScript que inyecta un widget de reserva en los sitios web de los clientes. Hasta hace poco todo había funcionado bien, pero supongo que alguna actualización de Chrome para dispositivos móviles ha causado un problema en el que el
El código inyectado es solo una línea de HTML que hace referencia a un archivo JavaScript, como este:
<script src='https://crown.addons.la/leads/new/forms/resize/expander.php' config='3'></script>
El problema es que cuando hago clic en "Desde la dirección", el navegador Chrome en Android se acerca como 10x y salta a la derecha. Esto NO afecta al navegador Samsung, Firefox, Brave o cualquier otro navegador, e incluso tengo ejemplos para ALGUNAS personas para las que no funciona.
Aquí está antes de dar el foco de campo:
Aquí está una vez que le damos el foco:
El problema que tengo es que no puedo abrir las herramientas de desarrollo en mi teléfono para solucionarlo, y el problema no se reproduce en Browserstack ni en el modo de respuesta en la versión de escritorio de Chrome. ¿Hay alguna forma de depurar esto sin tener que poner en funcionamiento un emulador de Android completo?
Ejemplos de clientes que tienen el efecto zoom-in roto:
Ejemplo del código inyectado funcionando:
No estoy seguro de si hay un mejor lugar para preguntar esto. Sé que es muy específico para mí, pero no estoy seguro de dónde buscar.
Creo que podría ser un problema específico de la versión corona, ya que revisé en mi dispositivo tanto Chrome como Firefox, no hubo tal problema, pero existe la posibilidad de que la ventana emergente de acceso a la ubicación sea la culpable.
Algunos navegadores web hacen zoom automáticamente en los campos de formulario, si el texto dentro está por debajo de cierto tamaño. este tamaño cambia ocasionalmente. Si no me equivoco, el tamaño se cambió de 16px a 18px. Entonces, básicamente, necesitas aumentar el tamaño del texto.
Esta es una pregunta similar a: Desactivar Zoom automático en la etiqueta "Texto" de entrada - Safari en iPhone