React-tags: 最初の提案の自動選択

作成日 2016年11月01日  ·  9コメント  ·  ソース: i-like-robots/react-tags

これは現在可能ですか?
UXの面で役立つと思います。 入力、入力、入力、入力。 入力するのではなく、下に、入力し、入力し、下に、入力します。

question

最も参考になるコメント

@ i-like-robotsこれがいつマージされるかについての更新はありますか? 🙏

全てのコメント9件

allowNewフラグが設定されているかどうかに依存すると思いますが、おそらくこれがfalseの場合(提案されたタグのみが選択される可能性があります)、意味がありますか?

こんにちは@ i-like-robots

あなたが言うように、それはそうではありません、私はコードが常にselectedIndex = -1に設定されているのを見ます

変更をプッシュできますか、それを機能させましたか? 最初のアイテムを自動選択したいので、ユーザーが最初のアイテムの場合に選択しやすくなります。

また、minQueryLength = 0の場合、これもTABキーを適切に機能させるために必要な修正があります。

allowNewが設定されているかどうかに関係なく、これは良い考えです。最初の提案が自動的にフォーカスされるということは、クリックしたり押し下げて選択したりするのではなく、Enterキーを押して選択できることを意味します。

プルリクエストを追加しました。変更を確認してください。
PR-自動選択-最初のアイテム

私のコメントを読み直して、 allowNewtrueだった場合に意味がない理由を理解してください。 この動作を有効にすると、 allowNewfalseが、 trueの場合はそうではありません。

@ i-like-robotsこれがいつマージされるかについての更新はありますか? 🙏

私たちのプロジェクトでもこのオプションが大好きです。v6になるかどうかニュースはありますか? 現在、v6ベータ3を使用しています

現在、ATMで取り組んでいるプロジェクトと同じソリューションを探しています。 この問題に関するいくつかの動きを見たいと思います。 :)

回避策が必要な場合:

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]);

ここで、 inputRefは要素への参照です。

このページは役に立ちましたか?
0 / 5 - 0 評価

関連する問題

yrik picture yrik  ·  10コメント

V6
i-like-robots picture i-like-robots  ·  11コメント

ekinalcar picture ekinalcar  ·  10コメント

yrik picture yrik  ·  4コメント

williamsidewalk picture williamsidewalk  ·  4コメント