React-tags: Seleccionar automáticamente la primera sugerencia

Creado en 1 nov. 2016  ·  9Comentarios  ·  Fuente: i-like-robots/react-tags

¿Es esto posible actualmente?
Creo que ayudaría en términos de UX. Escriba, ingrese, escriba, ingrese. En lugar de escribir, abajo, ingresar, escribir, abajo, ingresar.

question

Comentario más útil

@ i-like-robots ¿alguna actualización sobre cuándo se fusionará? 🙏

Todos 9 comentarios

Supongo que depende de si la bandera allowNew está configurada, tal vez cuando esto sea falso (solo se pueden elegir las etiquetas sugeridas), ¿eso tendría sentido?

Hola @ i-like-robots

no es lo que dices, veo que el código siempre se establece selectedIndex = -1

¿Puedo impulsar un cambio, lo hice funcionar? ya que quiero que el primer elemento se seleccione automáticamente, por lo que será más fácil para el usuario seleccionar en caso del primer elemento.

También se requiere una corrección para que funcione bien la tecla TAB, cuando minQueryLength = 0, esto también.

Esta es una buena idea, ya sea que allowNew esté configurado o no, tener la primera sugerencia enfocada automáticamente significa que puede presionar Enter para seleccionarla, en lugar de hacer clic o tener que presionar hacia abajo para seleccionarla.

solicitud de extracción agregada, por favor mire los cambios.
PR: selección automática del primer elemento

Releyendo mi comentario y ahora me doy cuenta de por qué no tendría sentido si allowNew fuera true . Yo diría que habilitar este comportamiento es allowNew es false pero no si es true .

@ i-like-robots ¿alguna actualización sobre cuándo se fusionará? 🙏

También nos encantaría esta opción para nuestro proyecto, ¿alguna novedad si se convertirá en v6? Actualmente estamos usando v6 beta 3

Actualmente estamos buscando la misma solución para el proyecto en el que estamos trabajando. Me encantaría ver algún movimiento sobre este tema. :)

Para aquellos que buscan una solución alternativa:

useEffect(() => {
     if (suggestions.length > 0) {
          // library doesn't auto-select the first item in the list
          inputRef.current.setState({  index: 0 });
     }
     else {
          // if no results, don't want to highlight
          inputRef.current.setState({ index: -1 });
     }
}, [suggestions]);

Donde su inputRef es la referencia a su elemento.

¿Fue útil esta página
0 / 5 - 0 calificaciones

Temas relacionados

yrik picture yrik  ·  4Comentarios

yrik picture yrik  ·  10Comentarios

famouspotatoes picture famouspotatoes  ·  5Comentarios

V6
i-like-robots picture i-like-robots  ·  11Comentarios

williamsidewalk picture williamsidewalk  ·  4Comentarios