db-header toggle (db-button click) event fires 2 times (DB UX 2.0.0)

[nfellinger]

Which generators are impacted?

• All
• HTML
• React
• Angular
• Vue
• Web components
• Power Apps

Reproduction case

The toggle event of the db-header element emits 2 times when clicking on the burger menu to open the drawer in the mobile view.

<db-header [drawerOpen]="drawerOpen()" (toggle)="toggleDrawer($event)">

When the drawer is closed and the burger menu button is pressed, the event is first emitted with $event = true and a second time after with $event = false.

This prevents the user from opening the navigation on a mobile device.

Expected Behaviour

The toggle event on the db-header element should only emit once when the burger menu button is pressed.

Screenshots

Browser version

Chrome

Add any other context about the problem here.

No response

[nfellinger]

I noticed this problem is not a problem of the db-header component but generally a problem with db-button. The db-button click event is emitted 2 times which causes numerous issues in our application.