1
0
mirror of https://github.com/chinchang/web-maker.git synced 2025-07-29 09:40:10 +02:00

port focus trapping in modal

This commit is contained in:
Kushagra Gour
2018-06-22 14:21:29 +05:30
parent 0807c10b0b
commit 2e90fa9ae1
2 changed files with 33 additions and 0 deletions

View File

@@ -463,6 +463,20 @@ export default class App extends Component {
this.closeSavedItemsPane();
}
});
// Basic Focus trapping
window.addEventListener('focusin', e => {
if (document.body.classList.contains('overlay-visible')) {
const modal = $('.is-modal-visible');
if (!modal) {
return;
}
if (!modal.contains(e.target)) {
e.preventDefault();
modal.querySelector('.js-modal__close-btn').focus();
}
}
});
}
closeAllOverlays() {