Web Development Archive

You are here: Home / Other / Close menu by clickOutside

Close menu by clickOutside

private readonly _eref = inject(ElementRef);

@HostListener('document:click', ['$event.target'])
  public clickOutside(targetElement: HTMLElement): void {
    const clickedInside = this._eref.nativeElement.contains(targetElement);
    if (!clickedInside) {
      this.isMenuOpened = false;
    }
}