diff --git a/packages/app-desktop/gui/NoteList/NoteList2.tsx b/packages/app-desktop/gui/NoteList/NoteList2.tsx index 225258ee9e0..078322acd49 100644 --- a/packages/app-desktop/gui/NoteList/NoteList2.tsx +++ b/packages/app-desktop/gui/NoteList/NoteList2.tsx @@ -198,7 +198,7 @@ const NoteList = (props: Props) => { const renderEmptyList = () => { if (props.notes.length) return null; - return
{getEmptyFolderMessage(props.folders, props.selectedFolderId)}
; + return
{getEmptyFolderMessage(props.folders, props.selectedFolderId)}
; }; const renderFiller = (key: string, style: React.CSSProperties) => { @@ -302,6 +302,7 @@ const NoteList = (props: Props) => { onKeyUp={onKeyUp} onDrop={onDrop} onContextMenu={onContainerContextMenu} + id='search-results' > {renderEmptyList()} {renderFiller('top', topFillerStyle)} diff --git a/packages/app-desktop/gui/SearchBar/SearchBar.tsx b/packages/app-desktop/gui/SearchBar/SearchBar.tsx index a3b9bc0161e..906cc4c047f 100644 --- a/packages/app-desktop/gui/SearchBar/SearchBar.tsx +++ b/packages/app-desktop/gui/SearchBar/SearchBar.tsx @@ -174,6 +174,7 @@ function SearchBar(props: Props) { onKeyDown={onKeyDown} onSearchButtonClick={onSearchButtonClick} searchStarted={searchStarted} + aria-controls='search-results' /> ); diff --git a/packages/app-desktop/gui/lib/SearchInput/SearchInput.tsx b/packages/app-desktop/gui/lib/SearchInput/SearchInput.tsx index 5ef52400c56..de9d8567404 100644 --- a/packages/app-desktop/gui/lib/SearchInput/SearchInput.tsx +++ b/packages/app-desktop/gui/lib/SearchInput/SearchInput.tsx @@ -51,6 +51,7 @@ interface Props { searchStarted: boolean; placeholder?: string; disabled?: boolean; + 'aria-controls'?: string; } export interface OnChangeEvent { @@ -79,6 +80,7 @@ export default function(props: Props) { onKeyDown={props.onKeyDown} spellCheck={false} disabled={props.disabled} + aria-controls={props['aria-controls']} />