Przeglądaj źródła

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 miesięcy temu
rodzic
commit
5dae580a42

+ 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'] {
         input[type='radio'] {
           position: absolute;
           position: absolute;
           opacity: 0;
           opacity: 0;