malhuda/fictioneer
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 112 Wiki Activity

Fix focus inside modal on tab navigation

Browse Source
This commit is contained in:
Tetrakern 2023-06-09 19:19:04 +02:00
parent 15a8978db9
commit 1df1c13cab
2 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
js/application.min.js vendored
View File

File diff suppressed because one or more lines are too long

11
src/js/application.js
View File

@ -1405,12 +1405,10 @@ fcn_theBody.addEventListener(
// Escape
if (e.keyCode == 27) {
// Uncheck all modal control checkboxes
// Uncheck all modal control checkboxes (should only be one)
_$$('.modal-toggle:checked').forEach(element => {
let modalLabel = fcn_theSite.querySelector(`label[for="${element.id}"]`);
modalLabel?.focus();
modalLabel?.blur();
element.checked = false;
element.dispatchEvent(new Event('change'));
});
// Close lightbox
@ -1839,5 +1837,10 @@ window.addEventListener('scroll.rAF', fcn_throttle(fcn_popupPosition, 250));
_$$('.modal-toggle').forEach(element => {
element.addEventListener('change', (event) => {
event.currentTarget.nextElementSibling.classList.toggle('_open', event.currentTarget.checked);
// Set focus inside modal
let close = event.currentTarget.nextElementSibling.querySelector('.close');
close?.focus();
close?.blur();
});
});