diff --git a/src/components/navigation/menu-language/menu-language.scss b/src/components/navigation/menu-language/menu-language.scss index aa6a38eb8157d0dc4b70ee77712d60f306033c90..f41bf241ba4fd1a6036a239eb82a12053eea27a4 100644 --- a/src/components/navigation/menu-language/menu-language.scss +++ b/src/components/navigation/menu-language/menu-language.scss @@ -42,6 +42,10 @@ outline-offset: 2px; } + &:hover { + cursor: pointer; + } + &.is-open { .menu--language__toggle__caret { transform: rotate(180deg); diff --git a/src/components/navigation/menu-language/menu-language.tsx b/src/components/navigation/menu-language/menu-language.tsx index 4eb8fc6d9118a694dcf1af36f23a38ae4c5ba29b..6af1f0e7d552ec7a62012bb43ea20b13dc12ff40 100644 --- a/src/components/navigation/menu-language/menu-language.tsx +++ b/src/components/navigation/menu-language/menu-language.tsx @@ -51,34 +51,27 @@ export class MenuLanguage { @Listen('click') handleComponentClick(event) { - let target = event.target as HTMLTextAreaElement; - const targetElement = target.tagName.toLowerCase(); - console.log(targetElement); + event.stopPropagation(); } @Listen('click', {target: 'window'}) handleClick(event) { if (this.isMenuOpen) { - let target = event.target as HTMLTextAreaElement; + const target = event.target as HTMLTextAreaElement; const targetElement = target.tagName.toLowerCase(); - console.log(targetElement); - /* - let hyHeader = this.el.closest('.hy-site-header'); - console.log(hyHeader); + if (targetElement !== 'hy-menu-language') { + const hyHeader = this.el.closest('.hy-site-header'); + const hyBackdropDiv = (hyHeader as HTMLElement).children[0]; - if (hyHeader) { - var hyBackdropDiv = (hyHeader as HTMLElement).children[0]; + if (hyBackdropDiv && hyBackdropDiv.classList.contains('is-active')) { + (hyBackdropDiv as HTMLElement).classList.remove('is-active'); + (hyBackdropDiv as HTMLElement).style.top = '0'; + this.isMenuOpen = !this.isMenuOpen; + } } - - if (hyBackdropDiv) { - console.log('backdrop found'); - (hyBackdropDiv as HTMLElement).classList.remove('is-active'); - (hyBackdropDiv as HTMLElement).style.top = '0'; - this.isMenuOpen = !this.isMenuOpen; - } - */ } + event.stopPropagation(); } componentWillRender() {