¿Cómo rastrearía lo que está causando que mi formulario de React dos entradas establezca automáticamente el foco del cursor en el segundo campo?

0

Estoy tomando un curso React en línea en el que creamos un proyecto de práctica que tiene un formulario con dos campos de entrada. Hay comprobaciones de validación en las entradas y la función set de useState se utiliza para restablecer los campos después de que las entradas válidas se confirman con un clic de botón y se pasan a una lista de elementos. Todo funciona. De hecho, verifiqué con los asistentes técnicos y les di una captura de pantalla de lo que estoy experimentando.

Al hacer clic en el botón de confirmación, los campos del formulario se restablecen y el elemento se representa en una lista en la página, pero el cursor se enfoca automáticamente en el segundo campo. Los TA sugirieron que probara el código de recurso del curso exacto en lugar del mío. Lo hice y el problema persiste. Dicen que no lo están obteniendo y que puede ser una cosa del navegador, pero estoy usando la última actualización de Chrome, con esto en Chrome, Ayuda, Acerca de la información:

Chrome tiene la versión 94.0.4606.81 actualizada (compilación oficial) (64 bits)

¿Alguien tiene alguna idea de cómo podría rastrear esto? Seguí adelante, pero realmente me gustaría saber qué está causando eso e intentar hacer algo para solucionarlo, así que si voy a enfocar el cursor, debería estar en el primer campo de entrada, no en el segundo .

Podría dar un código exacto, pero el proyecto incluye muchas características. Tal vez si alguien tiene una idea, podría ayudarme a saber en qué parte del código podría estar ocurriendo esto.

2
  • ¿Puede proporcionar la implementación de codificación? Si es posible, ponga aquí un enlace de código de zona de pruebas. 14 de oct a las 0:17
  • Gracias Kavindu, descubriré cómo usar code-sandbox y veré si puedo poner ese proyecto allí. 15 de oct a las 17:03