diff --git a/src/pages/ReferralNetwork/components/ScopeSelector.tsx b/src/pages/ReferralNetwork/components/ScopeSelector.tsx index e35f9e0..00d453f 100644 --- a/src/pages/ReferralNetwork/components/ScopeSelector.tsx +++ b/src/pages/ReferralNetwork/components/ScopeSelector.tsx @@ -285,13 +285,13 @@ export function ScopeSelector({ value, onAdd, onRemove, onClear, className }: Sc - {/* Dropdown */} + {/* Dropdown — this is a non-modal popover containing tabs + search + + listbox. role="dialog" would imply modality and own the focus, but + we keep the page reachable behind it. The button's aria-haspopup + and aria-expanded already announce the popup; AT can navigate into + it directly. The inner div carries role="listbox". */} {isDropdownOpen && ( -
+
{/* Max reached banner */} {isMaxReached && (