Fixed auto-focus on stories pane
Co-authored-by: Alvaro <110414366+alvaro-signal@users.noreply.github.com>
This commit is contained in:
parent
3708d89ade
commit
d97a2377e2
|
@ -25,6 +25,7 @@ import { StoriesAddStoryButton } from './StoriesAddStoryButton';
|
||||||
import { StoryListItem } from './StoryListItem';
|
import { StoryListItem } from './StoryListItem';
|
||||||
import { Theme } from '../util/theme';
|
import { Theme } from '../util/theme';
|
||||||
import { isNotNil } from '../util/isNotNil';
|
import { isNotNil } from '../util/isNotNil';
|
||||||
|
import { useRestoreFocus } from '../hooks/useRestoreFocus';
|
||||||
|
|
||||||
const FUSE_OPTIONS: Fuse.IFuseOptions<ConversationStoryType> = {
|
const FUSE_OPTIONS: Fuse.IFuseOptions<ConversationStoryType> = {
|
||||||
getFn: (story, path) => {
|
getFn: (story, path) => {
|
||||||
|
@ -110,10 +111,13 @@ export const StoriesPane = ({
|
||||||
}
|
}
|
||||||
}, [searchTerm, stories]);
|
}, [searchTerm, stories]);
|
||||||
|
|
||||||
|
const [focusRef] = useRestoreFocus();
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<div className="Stories__pane__header">
|
<div className="Stories__pane__header">
|
||||||
<button
|
<button
|
||||||
|
ref={focusRef}
|
||||||
aria-label={i18n('back')}
|
aria-label={i18n('back')}
|
||||||
className="Stories__pane__header--back"
|
className="Stories__pane__header--back"
|
||||||
onClick={toggleStoriesView}
|
onClick={toggleStoriesView}
|
||||||
|
|
Loading…
Reference in New Issue