rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: initially focus "create account" if no account (#944)

Browse Source
This commit is contained in:
Aman Harwara
2022-03-23 21:13:41 +05:30
committed by GitHub
parent 0729aa6926
commit 8715a8b8f4
3 changed files with 16 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
app/assets/javascripts/components/utils.ts
View File

@@ -92,10 +92,12 @@ export const calculateDifferenceBetweenDatesInDays = (
};
export const useListKeyboardNavigation = (
container: Ref<HTMLElement | null>
container: Ref<HTMLElement | null>,
initialFocus = 0
) => {
const [listItems, setListItems] = useState<HTMLButtonElement[]>();
const [focusedItemIndex, setFocusedItemIndex] = useState<number>(0);
const [focusedItemIndex, setFocusedItemIndex] =
useState<number>(initialFocus);
const focusItemWithIndex = useCallback(
(index: number, items?: HTMLButtonElement[]) => {
@@ -171,12 +173,13 @@ export const useListKeyboardNavigation = (
const selectedItemIndex = Array.from(temporaryItems).findIndex(
(item) => item.dataset.selected
);
const indexToFocus = selectedItemIndex > -1 ? selectedItemIndex : 0;
const indexToFocus =
selectedItemIndex > -1 ? selectedItemIndex : initialFocus;
setTimeout(() => {
focusItemWithIndex(indexToFocus, temporaryItems);
}, FIRST_ITEM_FOCUS_TIMEOUT);
}
}, [container, focusItemWithIndex, listItems]);
}, [container, focusItemWithIndex, initialFocus, listItems]);
useEffect(() => {
const containerElement = container.current;