🐞 - md-menu tour step closes on button focus

[em843]

Which ngx-ui-tour-* package is the source of the bug?

md-menu

Please provide a link to a minimal reproduction of the bug

https://stackblitz.com/edit/angular-wau2z8?file=src%2Fapp%2Fui-tour-demo.component.ts

Description

If you click on the tour card to focus it and then hit "tab", the close button is automatically pressed and the tour ends. The expected behavior is navigating to the close button without pressing it, and then being able to navigate using the tab key to the previous/next buttons. This bug renders the tour unusable for keyboard users.

Can reproduce it on the demo tour in docs: https://hakimio.github.io/ngx-ui-tour/md-menu

Angular version

15.2.10

Ngx UI Tour version

10.0.0

Which browsers have you used?

• Chrome
• Firefox
• Safari
• Edge

Which operating systems have you used?

• macOS
• Windows
• Linux
• iOS
• Android

[hakimio]

While the tour closing on focus is a valid bug, the tour does support keyboard shortcuts and they are described in the docs: Hotkeys

[hakimio]

Seems to be Material menu bug:
angular/components#29420
angular/components#27878