tonyair/webpack-bootstrap-ui-kit
1
0
Fork 0
mirror of https://github.com/a2nt/webpack-bootstrap-ui-kit.git synced 2024-10-22 11:05:45 +02:00
Code Issues Projects Releases Wiki Activity

IMPR: Stop bubling on second click

Browse Source
This commit is contained in:
Tony Air 2023-10-23 05:39:55 +02:00
parent fe5ede2003
commit 03c6ca6332
1 changed files with 23 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/js/ui/dropdown.js
View File

@ -26,7 +26,7 @@ const DropdownHoverUI = ((window) => {
HideAll() HideAll()
const menu = el.querySelector('.dropdown-menu') const menu = el.querySelector('.dropdown-menu')
if(menu) { if (menu) {
menu.classList.toggle('show') menu.classList.toggle('show')
} }
} }
@ -37,7 +37,7 @@ const DropdownHoverUI = ((window) => {
el.classList.add(...ACTIVECLS) el.classList.add(...ACTIVECLS)
const menu = el.querySelector('.dropdown-menu') const menu = el.querySelector('.dropdown-menu')
if(menu){ if (menu) {
menu.classList.add('show') menu.classList.add('show')
} }
} }
@ -48,7 +48,7 @@ const DropdownHoverUI = ((window) => {
el.classList.remove(...ACTIVECLS) el.classList.remove(...ACTIVECLS)
const menu = el.querySelector('.dropdown-menu') const menu = el.querySelector('.dropdown-menu')
if(menu){ if (menu) {
menu.classList.remove('show') menu.classList.remove('show')
} }
} }
@ -75,17 +75,31 @@ const DropdownHoverUI = ((window) => {
const href = el.getAttribute('href') const href = el.getAttribute('href')
// nav second click // nav second click
if(href && el.dataset.firstClick) { if (href && el.dataset.firstClick) {
console.log(`${NAME}: nav second click`) console.log(`${NAME}: nav second click`)
window.location.href = href
e.stopImmediatePropagation()
if (typeof window.app === 'undefined' || typeof window.app.Router === 'undefined') {
window.location.href = href
return
}
window.app.Router.openURL(href)
} }
el.dataset.firstClick = true el.dataset.firstClick = true
if(parent){ if (parent) {
// big screen click // big screen click
if(href && window.innerWidth > 768 && parent.classList.contains('active-dropdown')){ if (href && window.innerWidth > 768 && parent.classList.contains('active-dropdown')) {
console.log(`${NAME}: big screen | nav click the dropdown is shown already`) console.log(`${NAME}: big screen | nav click the dropdown is shown already`)
window.location.href = href
e.stopImmediatePropagation()
if (typeof window.app === 'undefined' || typeof window.app.Router === 'undefined') {
window.location.href = href
return
}
window.app.Router.openURL(href)
} }
console.log(`${NAME}: nav toggle`) console.log(`${NAME}: nav toggle`)
@ -130,7 +144,7 @@ const DropdownHoverUI = ((window) => {
hoverableEls.forEach((el, i) => { hoverableEls.forEach((el, i) => {
const parent = el.closest('.dropdown') const parent = el.closest('.dropdown')
if(parent){ if (parent) {
attachHoverEvents(parent) attachHoverEvents(parent)
} }
}) })