Barista: [حقل عامل التصفية] يبدو أن الإدخال الأول قد تم تحديده دائمًا.

تم إنشاؤها على ٢٠ مايو ٢٠٢٠ · 10تعليقات · مصدر: dynatrace-oss/barista

تقرير الشوائب

سلوك متوقع

يجب أن يكون الإدخال الذي يحوم الماوس فوقه ملونًا فقط.

السلوك الحالي

الإدخال حيث يتم تلوين الماوس والمدخل الأول

حل ممكن

يجب إصلاحه ، حيث قد يتم الخلط بين المستخدم وما سيختاره عند النقر.

خطوات التكاثر

فقط جرب حقل التصفية الأول هنا:
https://barista.dynatrace.com/components/filter-field

تحقق أيضًا من الإكمال التلقائي والتحديد والمربع التحرير والسرد

انتقل إلى https://barista.dynatrace.com/components/filter-field
انقر فوق حقل التصفية الأول
تحوم فوق المدخل الثالث. سترى أن الإدخال الأول ملون أيضًا كما لو كان "محددًا"

السياق (البيئة)

وجدت في:
إصدار Firefox: 76.0.1
إصدار Chrome: 83.0.4103.61

الإصدارات المستخدمة:

العقدة :> = 10.13.0
الغزل :> = 1.13.0 <2
مطبوعة : 3.8.3
الزاوي : 9.1.0
@ الزاوي / cdk : 9.2.0
@ dynatrace / باريستا المكونات : 6.5.2

المرفقات

filter-field-bug

bug has-pr

مصدر

schobocop

التعليق الأكثر فائدة

أوافق ، لقد تم تأجيل هذا الطريق لفترة طويلة بالفعل. طريقة شائعة جدًا لإظهار الإدخال المحدد هي استخدام الخط الغامق فقط. لن يتدخل هذا بعد ذلك في حالة التمرير (الخلفية الملونة). ما رأيك ، هل يجب علينا تغيير الحالة النشطة إلى الخط الغامق؟

ursula-wieshofer في ٢٥ مايو ٢٠٢٠

👍2

ال 10 كومينتر

مرحبا schobocop ! هذه مشكلة نواجهها منذ فترة طويلة بالفعل. إنه الإكمال التلقائي / تحديد التمرير المنسدل والحالات النشطة تبدو متشابهة تمامًا.
لقد أجرينا بالفعل مناقشات مطولة مع @ dynatrace-oss / ux-core في الماضي ، لكنني متأكد من أنه يمكننا إعادة النظر في هذا.
أي أفكار حول هذا @ dynatrace-oss / ux-core؟

tomheller في ٢٢ مايو ٢٠٢٠

👍1

أعتقد أنه حان الوقت لنفعل شيئًا حيال ذلك :)

ffriedl89 في ٢٢ مايو ٢٠٢٠

👍1

ursula-wieshofer في ٢٥ مايو ٢٠٢٠

👍2

ما رأيك ، هل يجب علينا تغيير الحالة النشطة إلى الخط الغامق؟

@ أورسولا-فيشوفر آسف للرد المتأخر. هل تريد إزالة خلفية المحدد وإضافة الخط الغامق أو ترك الخلفية وإضافة الخط الغامق؟

tomheller في ٤ يونيو ٢٠٢٠

tomheller أقترح ترك الخلفية لحالة التمرير

ursula-wieshofer في ٢٢ يوليو ٢٠٢٠

👍1

@ ursula-wieshofer حسنًا ، هذا يترك لنا الإعداد التالي:

_selected_: لا خلفية ، خط غامق
_hover_: الخلفية ، الخط العادي
_keyboardFocused_: الخلفية؟ ، الخط؟

هل نحتاج إلى التفريق بين تركيز التمرير والتركيز على لوحة المفاتيح أم يجب أن يبدوا متشابهين؟
ضع في اعتبارك أن لوحة المفاتيح المركزة والمتحركة يمكن أن تنطبق في نفس الوقت على عنصرين مختلفين.

tomheller في ٢٢ يوليو ٢٠٢٠

حتى الآن لم نفرق أبدًا بين التمرير وتركيز لوحة المفاتيح. أود أن أقترح تطبيق نفس المظهر ، حيث لم أر مشكلة كبيرة هنا.

ursula-wieshofer في ٢٨ يوليو ٢٠٢٠

الإدخال حيث يتم تلوين الماوس والمدخل الأول

schobocop نحتاج أيضًا إلى تمييز لدعم لوحة المفاتيح. لهذا السبب تم تمييز الإدخال الأول بالفعل.
سنقوم بإضافة تمييز بين المحدد والمركّز / الممرّر كما هو مذكور في المناقشة مع @ ursula-wieshofer