Antoine/homegrade_theme_production
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

commenting menu handling focus to fix new menu

Browse Source
This commit is contained in:
Antoine M 2024-05-21 16:48:26 +02:00
parent 2409a09807
commit 78fce4da37
1 changed files with 20 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
resources/js/menus.js
View File

@ -359,32 +359,32 @@ export default function menuInit() {
const homegradeLastLink = getLastLink(homegradeLinks); const homegradeLastLink = getLastLink(homegradeLinks);
// Leaving the mobile menu Toggle --> Focus on Menu Homegrade // Leaving the mobile menu Toggle --> Focus on Menu Homegrade
mobileMenuToggle.addEventListener('focusout', (e) => { // mobileMenuToggle.addEventListener('focusout', (e) => {
if (isMobileNavOpened()) { // if (isMobileNavOpened()) {
renovateurFirstLink.focus(); // renovateurFirstLink.focus();
} // }
}); // });
// Si shift tab pour retour --> Focuser correctement sur le mobile menu toggle // Si shift tab pour retour --> Focuser correctement sur le mobile menu toggle
renovateurFirstLink.addEventListener('focusout', (e) => { // renovateurFirstLink.addEventListener('focusout', (e) => {
if (e.relatedTarget.id == 'website-logo-link' && isMobileNavOpened()) { // if (e.relatedTarget.id == 'website-logo-link' && isMobileNavOpened()) {
mobileMenuToggle.focus(); // mobileMenuToggle.focus();
} // }
}); // });
// Leaving the Menu Rénovateur --> Focus on Menu Homegrade // Leaving the Menu Rénovateur --> Focus on Menu Homegrade
renovateurLastLink.addEventListener('focusout', (e) => { // renovateurLastLink.addEventListener('focusout', (e) => {
if (isMobileNavOpened()) { // if (isMobileNavOpened()) {
homegradeFirstLink.focus(); // homegradeFirstLink.focus();
} // }
}); // });
// Leaving the Menu Homegrade --> Focus on the toggle // Leaving the Menu Homegrade --> Focus on the toggle
homegradeLastLink.addEventListener('focusout', (e) => { // homegradeLastLink.addEventListener('focusout', (e) => {
if (isMobileNavOpened()) { // if (isMobileNavOpened()) {
mobileMenuToggle.focus(); // mobileMenuToggle.focus();
} // }
}); // });
/* ----------------------------------------------------------- /* -----------------------------------------------------------
HANDLE ESCAPE KEY HANDLE ESCAPE KEY