From 5dae580a42920a49dc3a12cc1e0bee02c9e7a558 Mon Sep 17 00:00:00 2001
From: Rebeka Dekany <50901361+rebekadekany@users.noreply.github.com>
Date: Thu, 5 Mar 2026 10:46:36 +0100
Subject: [PATCH] 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
---
 services/web/frontend/stylesheets/pages/plans.scss | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/services/web/frontend/stylesheets/pages/plans.scss b/services/web/frontend/stylesheets/pages/plans.scss
index 3b00f46ec3..603a029abc 100644
--- a/services/web/frontend/stylesheets/pages/plans.scss
+++ b/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;