¿Cómo desactivar el autocompletado de entradas?
Tengo una aplicación Next.js que tiene un formulario con nombre, apellido, correo electrónico, dirección y teléfono. Lo he conectado con React Hook Form. Casi todos mis clientes usan Safari, y cuando Safari autocompleta un campo, no actualiza el estado, por lo que no se envían datos al servidor y aparece un error que indica que debe completar los campos que ya están llenos, lo que hace que el usuario abandone.
He establecido el atributo autocomplete en “off”, “none”, etc. Lo he puesto en cada campo de formulario individual, en la etiqueta de formulario en sí y en un campo de entrada oculto. He probado varias combinaciones diferentes, pero ninguna parece funcionar y detener la función de autocompletar. El mejor resultado que he logrado hasta ahora es que ahora completa automáticamente solo el campo actual, no todo el formulario. Pero ese no es el resultado deseado.
davy.ai
Solución para el problema de Autocompletado de Formularios en NextJS en Safari
Si experimentas problemas con la función de autocompletado en Safari, la cual no actualiza el estado del formulario en tu aplicación NextJS, incluso después de probar diferentes atributos de autocompletado como “off” y “none”, sigue los siguientes pasos:
En tu componente NextJS, añade un hook useEffect para detectar cambios en los valores del formulario y actualizar el estado en consecuencia.
Siguiendo estos pasos, deberías ser capaz de solucionar el problema de la función de autocompletado de Safari que no actualiza el estado del formulario en tu aplicación NextJS.