cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: focus

Browse source
This commit is contained in:
Cory Dransfeldt 2024-06-18 18:04:06 -07:00
parent 7c7617f520
commit d2d358c758
1 changed files with 1 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/assets/scripts/menu.js
View file

@ -3,7 +3,6 @@ window.addEventListener('load', () => {
const menuButtonContainer = document.querySelector('.menu-button-container') const menuButtonContainer = document.querySelector('.menu-button-container')
const menuItems = document.querySelectorAll('.menu-primary li[role="menu-item"]') const menuItems = document.querySelectorAll('.menu-primary li[role="menu-item"]')
const isMobile = () => window.innerWidth <= 768 const isMobile = () => window.innerWidth <= 768
const updateTabIndex = () => { const updateTabIndex = () => {
const isExpanded = menuInput.checked const isExpanded = menuInput.checked
menuButtonContainer.setAttribute('aria-expanded', isExpanded) menuButtonContainer.setAttribute('aria-expanded', isExpanded)
@ -13,16 +12,7 @@ window.addEventListener('load', () => {
if (link) link.setAttribute('tabindex', isMobile() && !isExpanded ? '-1' : '0') if (link) link.setAttribute('tabindex', isMobile() && !isExpanded ? '-1' : '0')
}) })
} }
const handleMenuChange = () => updateTabIndex()
const handleMenuChange = () => {
updateTabIndex()
if (menuInput.checked) {
const firstLink = menuItems[0].querySelector('a')
if (firstLink) firstLink.focus()
} else {
menuButtonContainer.focus()
}
}
updateTabIndex() updateTabIndex()