diff --git a/src/search/components/input/AskAIResults.tsx b/src/search/components/input/AskAIResults.tsx index d3b09beea4c9..15196e6fbee2 100644 --- a/src/search/components/input/AskAIResults.tsx +++ b/src/search/components/input/AskAIResults.tsx @@ -373,7 +373,7 @@ export function AskAIResults({ }, [query]) return ( -
+
{!aiCouldNotAnswer && references && references.length > 0 ? ( <> @@ -398,7 +398,6 @@ export function AskAIResults({ }} key={`reference-${index}`} id={`search-option-reference-${index + referencesIndexOffset}`} - role="option" tabIndex={-1} onSelect={() => { referenceOnSelect(source.url) diff --git a/src/search/components/input/SearchOverlay.tsx b/src/search/components/input/SearchOverlay.tsx index e10224819d81..4abf8898b1a5 100644 --- a/src/search/components/input/SearchOverlay.tsx +++ b/src/search/components/input/SearchOverlay.tsx @@ -601,29 +601,33 @@ export function SearchOverlay({ {aiSearchError && ( <> - - - {t('search.overlay.ai_autocomplete_list_heading')} - - - - +
  • + + + {t('search.overlay.ai_autocomplete_list_heading')} + +
  • +
  • + + + +
  • )} @@ -721,7 +725,8 @@ export function SearchOverlay({ leadingVisual={} aria-labelledby={overlayHeadingId} role="combobox" - aria-controls="search-suggestions-list" + // In AskAI the search input not longer "controls" the suggestions list, because there is no list, so we remove the aria-controls attribute + aria-controls={isAskAIState ? 'ask-ai-result-container' : 'search-suggestions-list'} aria-expanded={combinedOptions.length > 0} aria-activedescendant={ selectedIndex >= 0 @@ -883,21 +888,23 @@ function renderSearchGroups( if (isInAskAIState) { groups.push( - +
  • + +
  • , ) } @@ -935,7 +942,6 @@ function renderSearchGroups( performGeneralSearch()} @@ -986,7 +991,6 @@ function renderSearchGroups( option.isViewAllResults ? performGeneralSearch() : generalSearchResultOnSelect(option) @@ -1062,7 +1066,6 @@ function renderSearchGroups( aiAutocompleteOnSelect(option)} active={isActive}