Hanya entri tempat mouse melayang yang harus diwarnai.
Entri tempat mouse melayang dan entri pertama diwarnai
Harus diperbaiki, karena pengguna mungkin bingung apa yang akan dia pilih saat mengklik.
Coba saja bidang filter pertama di sini:
https://barista.dynatrace.com/components/filter-field
Ditemukan di:
Versi Firefox: 76.0.1
Versi Chrome: 83.0.4103.61
Hai @schobocop ! Ini adalah masalah yang sudah lama kita hadapi. Ini adalah autocomplete/pilih dropdown hover & status aktif terlihat sama persis.
Kami sudah berdiskusi panjang lebar dengan @dynatrace-oss/ux-core di masa lalu, tapi saya yakin kami bisa meninjaunya kembali.
Adakah pemikiran tentang yang satu ini @dynatrace-oss/ux-core?
Saya pikir sudah waktunya kita melakukan sesuatu tentang ini :)
Saya setuju, ini telah ditunda terlalu lama. Cara yang sangat populer untuk menampilkan entri yang dipilih adalah dengan menggunakan font tebal. Ini kemudian tidak akan mengganggu lagi dengan status hover kami (latar belakang berwarna). Bagaimana menurut Anda, haruskah kita mengubah status aktif menjadi huruf tebal?
Bagaimana menurut Anda, haruskah kita mengubah status aktif menjadi huruf tebal?
@ursula-wieshofer maaf atas keterlambatan tanggapannya. Apakah Anda ingin menghapus latar belakang yang dipilih dan menambahkan font tebal atau meninggalkan latar belakang dan menambahkan font tebal?
@tomheller Saya sarankan untuk meninggalkan latar belakang untuk status melayang dan untuk entri yang dipilih hapus latar belakang dan gunakan font tebal ;)
@ursula-wieshofer Baiklah, tinggal setup berikut ini:
_selected_: Tanpa latar belakang, font tebal
_hover_: latar belakang, font biasa
_keyboardFocused_: latar belakang ?, font ?
Apakah kita perlu membedakan antara fokus kursor dan keyboard atau haruskah keduanya terlihat sama?
Perlu diingat bahwa keyboardFocused dan hovered dapat diterapkan secara bersamaan ke 2 item berbeda.
Sampai sekarang kami tidak pernah membedakan antara fokus hover dan keyboard. Saya menyarankan untuk menerapkan tampilan yang sama, karena saya tidak pernah melihat masalah besar di sini.
Entri tempat mouse melayang dan entri pertama diwarnai
@schobocop Kami juga perlu menyoroti untuk dukungan keyboard. Itu sebabnya entri pertama sudah disorot.
Kami akan menambahkan perbedaan antara yang dipilih dan yang terfokus/melayang seperti yang dinyatakan dalam diskusi dengan @ursula-wieshofer
Sampai sekarang kami tidak pernah membedakan antara fokus hover dan keyboard. Saya menyarankan untuk menerapkan tampilan yang sama, karena saya tidak pernah melihat masalah besar di sini.
@ursula-wieshofer Yah kita perlu perbedaan antara keyboard yang dipilih dan gaya melayang. Saat ini keduanya disorot sama.
Yang pertama dipilih melalui Keyboard dan yang kedua melalui mouse hover.
CATATAN: TINGGALKAN.
Mungkin menggarisbawahi opsi yang dipilih keyboard mungkin merupakan triknya.
Yang pertama dipilih menggunakan keyboard.
Yang kedua melayang.
@ffriedl89 @tomheller @ursula-wieshofer Bagaimana menurutmu?
PEMBARUAN: Dengan bantuan Tom dan Fabian, kami menemukan bahwa hanya satu opsi yang harus dipilih. Berarti pemilihan keyboard diberhentikan jika opsi lain melayang dan sebaliknya.
Komentar yang paling membantu
Saya setuju, ini telah ditunda terlalu lama. Cara yang sangat populer untuk menampilkan entri yang dipilih adalah dengan menggunakan font tebal. Ini kemudian tidak akan mengganggu lagi dengan status hover kami (latar belakang berwarna). Bagaimana menurut Anda, haruskah kita mengubah status aktif menjadi huruf tebal?