ngx-ui-tour icon indicating copy to clipboard operation
ngx-ui-tour copied to clipboard

Published 20 hours ago • verified publisher icon hakimio

🐞 - `md-menu` tour step closes on button focus

Open em843 opened this issue 1 year ago • 2 comments

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?

  • [X] Chrome
  • [ ] Firefox
  • [ ] Safari
  • [ ] Edge

Which operating systems have you used?

  • [X] macOS
  • [ ] Windows
  • [ ] Linux
  • [ ] iOS
  • [ ] Android

em843 avatar Sep 19 '24 18:09 em843