Skip to content

Commit 59989a3

Browse files
authored
fix: Pop-up Menu cannot close when clicking outside it (#3950)
When click outside the menu, it doesn't close. Ref: #3907
1 parent 4752195 commit 59989a3

1 file changed

Lines changed: 11 additions & 1 deletion

File tree

static/js/main.js

Lines changed: 11 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -28,10 +28,20 @@
2828
langPickerElement.removeChild(currentLangElement.parentNode)
2929
}
3030

31-
langPickerTogglerElement.addEventListener('click', function () {
31+
const toggleFunction = function () {
3232
langPickerElement.classList.toggle('hidden')
3333
const isAriaExpanded = langPickerTogglerElement.getAttribute('aria-expanded') === 'true'
3434
langPickerTogglerElement.setAttribute('aria-expanded', !isAriaExpanded)
35+
}
36+
37+
langPickerTogglerElement.addEventListener('click', function () {
38+
toggleFunction()
39+
})
40+
41+
document.body.addEventListener('click', function (event) {
42+
if (!langPickerElement.classList.contains('hidden') && !langPickerTogglerElement.contains(event.target)) {
43+
toggleFunction()
44+
}
3545
})
3646
})()
3747

0 commit comments

Comments
 (0)