OpenCloud
/
riot-web
mirror of https://github.com/vector-im/riot-web
1
0
Fork 0
Code Issues Releases Wiki Activity

Tweak spotlight roving behaviour to reset when changing query (#7656)

pull/21833/head
Michael Telatynski 2022-01-27 16:40:22 +00:00 committed by GitHub
parent b77d31bb4f
commit 51446378e3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/views/dialogs/SpotlightDialog.tsx
View File

@ -21,6 +21,7 @@ import React, {
useCallback, useCallback,
useContext, useContext,
useEffect, useEffect,
useLayoutEffect,
useMemo, useMemo,
useState, useState,
} from "react"; } from "react";
@ -183,6 +184,16 @@ const SpotlightDialog: React.FC<IProps> = ({ initialText = "", onFinished }) =>
}); });
}, [cli, query]); }, [cli, query]);
// Reset the selection back to the first item whenever the query changes
useLayoutEffect(() => {
rovingContext.dispatch({
type: Type.SetFocus,
payload: {
ref: rovingContext.state.refs[0],
},
});
}, [query]); // eslint-disable-line react-hooks/exhaustive-deps
const activeSpace = SpaceStore.instance.activeSpaceRoom; const activeSpace = SpaceStore.instance.activeSpaceRoom;
const [spaceResults, spaceResultsLoading] = useSpaceResults(activeSpace, query); const [spaceResults, spaceResultsLoading] = useSpaceResults(activeSpace, query);