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

blur focused element in a screen when it is under a modal

Browse source
This commit is contained in:
NikolaBorislavovHristov 2019-01-22 12:07:04 +02:00
parent 196267f7f8
commit d2dd49a832
1 changed files with 9 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/common/Focusable/FocusableProvider.js
View file

@ -28,6 +28,15 @@ class FocusableProvider extends Component {
nextState.focusable !== this.state.focusable;
}
componentDidUpdate(prevProps, prevState) {
if (!this.state.focusable) {
const focusedElement = this.childElementRef.current.querySelector(':focus');
if (focusedElement) {
focusedElement.blur();
}
}
}
containerClildListOnChange = () => {
this.setState({ focusable: this.childElementRef.current.nextElementSibling === null });
}