Material-ui: Bagaimana cara memicu fokus secara terprogram () pada bidang Pilih?

Dibuat pada 16 Nov 2017 · 3Komentar · Sumber: mui-org/material-ui

Formulir aplikasi saya menggunakan tombol enter ke tab ke bidang tertentu untuk kecepatan pada keyboard sepuluh tombol. Saat enter dipukul, kita melakukan pencarian DOM dan memicu focus () pada elemen berikutnya. Ini berfungsi dengan baik pada bidang teks tetapi saya tidak dapat memahami cara melakukannya pada kotak Pilih. Saya bisa mendapatkan setiap elemen DOM yang membentuk struktur Select, tetapi memicu focus () di tingkat manapun tidak melakukan apa-apa.
Catatan: Saya bisa mengambil ref item melalui inputRef di pilih untuk mencegah kita melintasi DOM tetapi masih tidak membuahkan hasil.
Terima kasih sebelumnya atas panduan apa pun!

[x] Saya telah mencari masalah dari repositori ini dan yakin bahwa ini bukan duplikat.

Perilaku yang Diharapkan

Pilih menjadi fokus (tapi tidak terbuka) saat fokus () dipicu secara manual. Harapkan perilaku yang sama dengan memukulpada elemen sebelumnya.

Perilaku Saat Ini

Memicu node.focus () tidak melakukan apa-apa, juga tidak memicu elemen apa pun dalam struktur DOM pilihan.

Langkah-langkah untuk Mereproduksi (untuk bug)

https://codesandbox.io/s/m43qqyo2zy

Pilih kotak teks pertama.
Tekan tombol Enter.
Perhatikan kotak teks ke-2 difokuskan FTW.
Tekan tombol Enter lagi.
Tidak ada yang terjadi.

Konteks

Lingkungan Anda

| Teknologi | Versi |
| -------------- | --------- |
| Materi-UI | 1.0.0-beta.21 |
| Bereaksi | 16.1.0 |
| browser | Chrome 62 |
| dll | |

question

Sumber

zachariahtimothy

Komentar yang paling membantu

Jika ada yang tersandung di sini dengan masalah serupa: ini berfungsi: https://stackoverflow.com/questions/47353384/how-to-programmatically-trigger-focus-on-material-ui-select-field

zachariahtimothy pada 22 Nov 2017

👍3 👎2

Semua 3 komentar

@zachariahtimothy Saya tidak yakin ini adalah masalah MUI. Sepertinya Anda memiliki beberapa pembersihan formulir yang harus dilakukan. Buka Stack Overflow untuk pertanyaan tentang cara menggunakan perpustakaan. Bersulang! 😄

m2mathew pada 17 Nov 2017

@ m2mathew Saya mengerti apa yang Anda katakan, saya akan mengajukan pertanyaan tentang stack overflow.
Pandangan saya adalah jika pemilihan MUI tidak mungkin untuk diperlakukan sebagai elemen bentuk asli dalam hal kejadian maka itu akan menjadi masalah dengan perpustakaan. Saya mencobanya dengan bendera asli yang berfungsi, sehingga akan membantu saya, hanya saja tidak memiliki keindahan yang saya inginkan seperti pilih yang diganti :).
Terima kasih atas balasannya dan perpustakaannya yang luar biasa!

zachariahtimothy pada 17 Nov 2017

Jika ada yang tersandung di sini dengan masalah serupa: ini berfungsi: https://stackoverflow.com/questions/47353384/how-to-programmatically-trigger-focus-on-material-ui-select-field

zachariahtimothy pada 22 Nov 2017

👍3 👎2

Apakah halaman ini membantu?

0 / 5 - 0 peringkat