matty/ncd-fe
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

pl-fe: a11y: some messy code to restore focus after closing menu modal

Browse Source 
Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
This commit is contained in:
nicole mikołajczyk
2025-06-28 14:16:02 +02:00
parent 8dd657a043
commit 1e76e934fb
3 changed files with 16 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
packages/pl-fe/src/stores/modals.ts
View File

@ -101,12 +101,22 @@ const useModalsStore = create<State>()(mutative((set) => ({
if (state.modals.length === 0) {
return;
}
let closedModal: Record<string, any> | undefined;
if (modalType === undefined) {
closedModal = state.modals[state.modals.length - 1].modalProps;
state.modals = state.modals.slice(0, -1);
} else if (state.modals.some((modal) => modalType === modal.modalType)) {
state.modals = state.modals.slice(0, state.modals.findLastIndex((modal) => modalType === modal.modalType));
const lastIndex = state.modals.findLastIndex((modal) => modalType === modal.modalType);
closedModal = state.modals[lastIndex].modalProps;
state.modals = state.modals.slice(0, lastIndex);
}
if (closedModal?.element) {
const element = closedModal.element;
setTimeout(() => element.focus(), 0);
}
}),
}), { enableAutoFreeze: true }));
}), {
enableAutoFreeze: false,
}));
export { useModalsStore };