search

benmarch / angular-ui-tour

Product tour using Angular UI Bootstrap Tooltips
163 stars 49 forks source link

Unable to block navigation using Tab (keyboard) #177

Closed ShruVish closed 6 years ago

ShruVish commented 6 years ago

I am using the exact versions of the following:

I have installed this library via: NPM

I have enable the backdrop i.,e backdrop: true and .ui-tour-backdrop { background-color: rgba(0, 0, 0, 0.5); fill: rgba(0, 0, 0, 0.5); } in the CSS.

I do see the backdrop applied to my application. However, I am able to navigate through the application using tab (keyboard). I want to block the navigation by tab.

benmarch commented 6 years ago

Do you mean you can still focus on elements behind the backdrop using the tab key like a user with accessibility issues might do? Or do you mean that you can navigate to the next tour step by pressing the tab key?

ShruVish commented 6 years ago

I am able still focus on elements behind the backdrop using the tab key. Sorry, for not being specific about that.

benmarch commented 6 years ago

Ok, as far as I know, there isn't anything I can do about that. I did add accessibility controls so that the tour step is focused when it first opens, and when the tour stops, the last-focused element is refocused. I would recommend implementing that yourself if it is possible.