Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-21 03:22:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

try to find focusable candidate before focus the container

Browse source
This commit is contained in:
NikolaBorislavovHristov 2019-09-16 13:57:08 +03:00
parent 33b6bb0290
commit 5bddb97fa9
1 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/router/FocusableContext/FocusableProvider.js
View file

@ -35,7 +35,12 @@ const FocusableProvider = ({ children, onRoutesContainerChildrenChange, onModals
}, [routesContainer, modalsContainer, onRoutesContainerChildrenChange, onModalsContainerChildrenChange]); }, [routesContainer, modalsContainer, onRoutesContainerChildrenChange, onModalsContainerChildrenChange]);
React.useEffect(() => { React.useEffect(() => {
if (focusable && !contentContainerRef.current.contains(document.activeElement)) { if (focusable && !contentContainerRef.current.contains(document.activeElement)) {
contentContainerRef.current.focus(); const focusableElement = contentContainerRef.current.querySelector('[tabindex]:not([tabindex="-1"])');
if (focusableElement instanceof HTMLElement) {
focusableElement.focus();
} else {
contentContainerRef.current.focus();
}
} }
}, [focusable]); }, [focusable]);
return ( return (