React-tags: Seleção automática da primeira sugestão

Criado em 1 nov. 2016  ·  9Comentários  ·  Fonte: i-like-robots/react-tags

Isso é possível atualmente?
Acho que ajudaria em termos de UX. Digite, digite, digite, digite. Em vez de digitar, para baixo, digite, digite, para baixo, digite.

question

Comentários muito úteis

@ i-like-robots alguma atualização sobre quando isso será mesclado? 🙏

Todos 9 comentários

Suponho que depende se o sinalizador allowNew está definido, talvez quando for falso (apenas as tags sugeridas podem ser selecionadas), isso faria sentido?

Hi @ i-like-robots

não é como você diz, vejo que o código sempre define selectedIndex = -1

Posso empurrar uma mudança, eu fiz funcionar? já que eu quero que o primeiro item seja selecionado automaticamente, então será mais fácil para o usuário selecionar no caso do primeiro item.

também há uma correção necessária para funcionar bem a tecla TAB, quando minQueryLength = 0, isso também.

Esta é uma boa ideia, quer allowNew esteja definido ou não, ter a primeira sugestão focada automaticamente significa que você pode simplesmente pressionar Enter para selecioná-la, em vez de clicar ou ter que pressionar para selecioná-la.

adicionado solicitação de pull, por favor, olhe as mudanças.
PR - seleção automática do primeiro item

Relendo meu comentário e agora percebo por que não faria sentido se allowNew fosse true . Eu diria que ativar este comportamento é allowNew é false mas não se for true .

@ i-like-robots alguma atualização sobre quando isso será mesclado? 🙏

Nós adoraríamos essa opção para o nosso projeto também, alguma notícia se isso chegará à v6? Estamos usando a versão 6 beta 3 atualmente

Atualmente em busca da mesma solução para o projeto em que estamos trabalhando atm. Adoraria ver algum movimento sobre este assunto. :)

Para aqueles que desejam uma solução 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]);

Onde seu inputRef é a referência para seu elemento.

Esta página foi útil?
0 / 5 - 0 avaliações

Questões relacionadas

yrik picture yrik  ·  4Comentários

famouspotatoes picture famouspotatoes  ·  5Comentários

williamsidewalk picture williamsidewalk  ·  4Comentários

luciemac picture luciemac  ·  7Comentários

jraack picture jraack  ·  6Comentários