Просмотр исходного кода

Add keyboard navigation for the group member picker dropdown on the Plans page (#31611)

* fix: Add keyboard navigation for group member picker combobox

* Add role="presentation" to footer list item since not a selectable option

* Dispatch change event when selecting option via keyboard

* Sync aria-selected state with checked radio on selection

GitOrigin-RevId: c20c11a9ca063ca3121fda28944ad7f91eeac9e9
Rebeka Dekany 7 месяцев назад
Родитель
Сommit
5dae580a42
1 измененных файлов с 10 добавлено и 0 удалено
  1. 10 0
      services/web/frontend/stylesheets/pages/plans.scss

+ 10 - 0
services/web/frontend/stylesheets/pages/plans.scss

@@ -624,6 +624,16 @@ $z-index-group-member-picker-list: 1;
           }
         }
 
+        &[data-highlighted='true'] {
+          p {
+            @extend %input-focus-style;
+          }
+
+          input[type='radio']:not(:checked) + p {
+            background-color: var(--bg-light-secondary);
+          }
+        }
+
         input[type='radio'] {
           position: absolute;
           opacity: 0;