Barista: [Поле фильтра] Кажется, что всегда выбирается первая запись.

Созданный на 20 мая 2020  ·  10Комментарии  ·  Источник: dynatrace-oss/barista

Сообщение об ошибке

Ожидаемое поведение

Только запись, на которую наведен курсор мыши, должна быть окрашена.

Текущее поведение

Запись, в которой наведена мышь, и первая запись окрашены

Возможное решение

Следует исправить, так как пользователь может запутаться, что он выберет при нажатии.

Действия по воспроизведению

Просто попробуйте первое поле фильтра здесь:
https://barista.dynatrace.com/components/filter-field

  • также отметьте автозаполнение, выбор и поле со списком
  1. Перейдите на https://barista.dynatrace.com/components/filter-field.
  2. Щелкните первое поле фильтра
  3. Наведите курсор на третью запись. Вы увидите, что первая запись также окрашена, как если бы она была «выбрана».

Контекст (среда)

Найти на:
Версия 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 / barista-components : 6.5.2

Вложения

filter-field-bug

bug has-pr

Самый полезный комментарий

Я согласен, это уже слишком долго откладывается. Очень популярный способ показать выбранную запись - просто использовать жирный шрифт. Тогда это больше не будет мешать нашему состоянию наведения (цветной фон). Как вы думаете, стоит ли менять активное состояние на жирный шрифт?

Все 10 Комментарий

Привет, @schobocop ! Это проблема, с которой мы сталкиваемся уже давно. Это раскрывающееся меню автозаполнения / выбора при наведении курсора и активные состояния выглядят одинаково.
У нас уже были длительные обсуждения с @ dynatrace-oss / ux-core в прошлом, но я уверен, что мы можем вернуться к этому.
Есть какие-нибудь мысли по поводу этого @ dynatrace-oss / ux-core?

Думаю, пора что-то с этим сделать :)

Я согласен, это уже слишком долго откладывается. Очень популярный способ показать выбранную запись - просто использовать жирный шрифт. Тогда это больше не будет мешать нашему состоянию наведения (цветной фон). Как вы думаете, стоит ли менять активное состояние на жирный шрифт?

Как вы думаете, стоит ли менять активное состояние на жирный шрифт?

@ ursula-wieshofer извините за поздний ответ. Вы хотите удалить фон выбранного и добавить жирный шрифт или оставить фон и добавить жирный шрифт?

@tomheller Я бы предложил оставить фон для состояния наведения, а для выбранной записи удалить фон и использовать жирный шрифт;)

@ ursula-wieshofer Хорошо, остается следующая настройка:

_selected_: без фона, жирный шрифт
_hover_: фон, шрифт обычный
_keyboardFocused_: фон?, шрифт?

Нужно ли различать наведение и фокус клавиатуры или они должны выглядеть одинаково?
Имейте в виду, что keyboardFocused и hovered могут применяться одновременно к 2 различным элементам.

До сих пор мы никогда не делали различий между наведением курсора и фокусом клавиатуры. Я бы посоветовал применить тот же вид, так как я никогда не видел здесь большой проблемы.

Запись, в которой наведена мышь, и первая запись окрашены

@schobocop Нам также нужно выделить поддержку клавиатуры. Поэтому первая запись уже выделена.
Мы собираемся добавить различие между выделенным и сфокусированным / зависшим, как указано в обсуждении с @ ursula-wieshofer.

До сих пор мы никогда не делали различий между наведением курсора и фокусом клавиатуры. Я бы посоветовал применить тот же вид, так как я никогда не видел здесь большой проблемы.

@ ursula-wieshofer Что ж, нам действительно нужно различать стили, выделенные клавиатурой, и стили, выбранные при наведении курсора. В настоящее время они оба выделены одинаково.

image

Первый выбирается с помощью клавиатуры, а второй - при наведении курсора мыши.

ПРИМЕЧАНИЕ: ОТКЛЮЧИТЬ.
Возможно, уловка может быть в том, чтобы подчеркнуть выбранную опцию клавиатуры.
Первый выбирается с помощью клавиатуры.
Второй завис.

image

@ ffriedl89 @tomheller @ ursula-wieshofer Что ты думаешь?

ОБНОВЛЕНИЕ: с помощью Тома и Фабиана мы выяснили, что нужно выбрать только один вариант. Это означает, что выбор клавиатуры отклоняется, если наведен курсор на другой параметр, и наоборот.

Была ли эта страница полезной?
0 / 5 - 0 рейтинги