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

focus content container only if it does not contain focus already

Browse source
This commit is contained in:
NikolaBorislavovHristov 2019-08-18 22:13:05 +03:00
parent d43ca4b786
commit 70c40a22c9
1 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -31,16 +31,19 @@ const FocusableProvider = ({ children, onRoutesContainerDomTreeChange, onModalsC
return () => {
routesContainerDomTreeObserver.disconnect();
modalsContainerDomTreeObserver.disconnect();
}
};
}, [routesContainer, modalsContainer, onRoutesContainerDomTreeChange, onModalsContainerDomTreeChange]);
React.useEffect(() => {
if (focusable) {
if (focusable && !contentContainerRef.current.contains(document.activeElement)) {
contentContainerRef.current.focus();
}
}, [focusable]);
return (
<FocusableContext.Provider value={focusable}>
{React.cloneElement(React.Children.only(children), { ref: contentContainerRef, tabIndex: -1 })}
{React.cloneElement(React.Children.only(children), {
ref: contentContainerRef,
tabIndex: -1
})}
</FocusableContext.Provider>
);
};