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:
@@ -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() {
|
||||
|
Reference in New Issue
Block a user