Unable to Navigate tabs in incidents
Summary
Unable to use keyboard to navigate tabs in Incidents
Showing tabbing on an MR page vs. what happens on the incident page.
Steps to reproduce
As in screen recording
Example Project
What is the current bug behavior?
Unable to use keyboard to navigate tabs in Incidents
What is the expected correct behavior?
Should be able to navigate with keyboard only
Conclusion
After looking into this issue further, the keyboard commands are working as expected. Keyboard navigation follows the Pajamas Tabs
component and the base component Bootstrap Tabs
. Issues use a tab
key is for active tabs and arrow keys allow to move to inactive tabs), per the accessibility guidelines for Pajamas.
Tab navigation looks different in merge requests, because they don't use the Pajamas component, only CSS classes for styling it as a Tab component. We've followed up with the Create team to see if the keyboard commands need to be consistent between MRs and Issues. However, at this time this issue is not a bug and was closed.