Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

418
Vistas
Componente MUI TextField con foco y cursor activo

Estoy usando el componente MUI TextField como un formulario de entrada único. Cuando el componente se carga, tiene el foco, pero no el cursor para comenzar a escribir. El usuario aún tiene que hacer clic en la entrada para que aparezca el cursor y comenzar a escribir. Alternativamente, el usuario puede hacer clic en la tecla de tabulación y aparecer el cursor. Pero escribir cualquier otra cosa no activa el cursor ni registra ningún carácter en el TextField. Intenté usar el atributo autoFocus, así como: inputRef={input => input && input.focus()} de esta respuesta .

Aquí está el formulario:

 <FormControl variant="standard" fullWidth> <TextField id="new-comment" label="Comment" multiline minRows={3} maxRows={5} focused={true} value={comment} onChange={updateCommentValue} onKeyDown={keyPress} /> <Button onClick={saveComment}> Comment </Button> </FormControl>

Y aquí hay una imagen del foco sin cursor: TextField con foco pero sin cursor

Y una imagen de enfoque con el cursor después de hacer clic en: TextField con foco y cursor

about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

Puedes hacerlo de esta manera:

 function MyComponent () { const inputRef = useRef(null); useEffect(() => { inputRef.current.focus() }, []) return ( <TextField inputRef={inputRef} id="new-comment" label="Comment" /> ); }
about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda