React-tags: Memilih saran pertama secara otomatis

Dibuat pada 1 Nov 2016  ·  9Komentar  ·  Sumber: i-like-robots/react-tags

Apakah saat ini mungkin?
Saya pikir itu akan membantu dalam hal UX. Ketik, masukkan, ketik, masukkan. Daripada mengetik, turun, masuk, ketik, turun, masuk.

question

Komentar yang paling membantu

@i-like-robots ada pembaruan kapan ini akan digabungkan? 🙏

Semua 9 komentar

Saya kira itu tergantung pada apakah flag allowNew disetel, mungkin ketika ini salah (hanya tag yang disarankan yang dapat dipilih) itu masuk akal?

Hai @i-like-robots

itu tidak seperti yang Anda katakan, saya melihat kode selalu mengatur selectedIndex = -1

Bisakah saya mendorong perubahan, saya membuatnya bekerja? karena saya ingin item pertama dipilih secara otomatis sehingga akan lebih mudah bagi pengguna untuk memilih item pertama.

juga ada perbaikan yang diperlukan agar kunci TAB berfungsi dengan baik, ketika minQueryLength = 0, ini juga.

Ini adalah ide yang bagus, apakah allowNew disetel atau tidak, memiliki saran pertama yang terfokus secara otomatis berarti Anda cukup menekan enter untuk memilihnya, daripada mengklik atau harus menekan untuk memilihnya.

menambahkan permintaan tarik, lihat perubahannya.
PR - pilih otomatis-item pertama

Membaca ulang komentar saya dan sekarang menyadari mengapa tidak masuk akal jika allowNew adalah true . Saya akan mengatakan aktifkan perilaku ini adalah allowNew adalah false tetapi tidak jika true .

@i-like-robots ada pembaruan kapan ini akan digabungkan? 🙏

Kami akan menyukai opsi ini untuk proyek kami juga, adakah berita jika itu akan membuatnya menjadi v6? Kami menggunakan v6 beta 3 saat ini

Saat ini sedang mencari solusi yang sama untuk proyek yang sedang kami kerjakan di atm. Akan senang melihat beberapa gerakan tentang masalah ini. :)

Bagi mereka yang menginginkan solusi:

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

Di mana inputRef adalah referensi ke elemen Anda.

Apakah halaman ini membantu?
0 / 5 - 0 peringkat

Masalah terkait

filippofilip95 picture filippofilip95  ·  4Komentar

yrik picture yrik  ·  4Komentar

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

williamsidewalk picture williamsidewalk  ·  4Komentar

ekinalcar picture ekinalcar  ·  10Komentar