hide.bs.dropdown

[GersonMoraesSilva]

How to fire hide.bs.dropdown?

show.bs.dropdown works, hide.bs.dropdown don't.

My HTML
https://getbootstrap.com/docs/5.0/components/dropdowns/#single-button

My Angular 11 component
@ViewChild("dropdownMenuButton") dropdownMenuButton!: ElementRef<HTMLElement>; ngAfterViewInit() { this.dropdownMenuButton.nativeElement.addEventListener('show.bs.dropdown', (e) => { console.log(e); }); // FIRING this.dropdownMenuButton.nativeElement.addEventListener('hide.bs.dropdown', (e) => { console.log(e); }); // NOT FIRING }