Barista: [Filter field] Entri pertama sepertinya selalu dipilih.

Dibuat pada 20 Mei 2020  ·  10Komentar  ·  Sumber: dynatrace-oss/barista

Laporan Bug

Perilaku yang Diharapkan

Hanya entri tempat mouse melayang yang harus diwarnai.

Perilaku Saat Ini

Entri tempat mouse melayang dan entri pertama diwarnai

Kemungkinan Solusi

Harus diperbaiki, karena pengguna mungkin bingung apa yang akan dia pilih saat mengklik.

Langkah-langkah untuk Reproduksi

Coba saja bidang filter pertama di sini:
https://barista.dynatrace.com/components/filter-field

  • juga centang pelengkapan otomatis, pilih, dan kotak kombo
  1. Buka https://barista.dynatrace.com/components/filter-field
  2. Klik pada bidang filter pertama
  3. Arahkan kursor ke entri ketiga. Anda akan melihat bahwa entri pertama juga diwarnai seolah-olah "dipilih"

Konteks (Lingkungan)

Ditemukan di:
Versi Firefox: 76.0.1
Versi Chrome: 83.0.4103.61

Versi yang Digunakan:

  • simpul : >=10.13.0
  • benang : >=1.13.0 <2
  • naskah : 3.8.3
  • sudut : 9.1.0
  • @sudut/cdk : 9.2.0
  • @dynatrace/barista-components : 6.5.2

lampiran

filter-field-bug

bug has-pr

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?

Semua 10 komentar

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.

image

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.

image

@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.

Apakah halaman ini membantu?
0 / 5 - 0 peringkat