Bug 38015 - Bootstrap 5: Can't use tab key to navigate to inactive tabs
Summary: Bootstrap 5: Can't use tab key to navigate to inactive tabs
Status: NEW
Alias: None
Product: Koha
Classification: Unclassified
Component: Templates (show other bugs)
Version: Main
Hardware: All All
: P5 - low normal
Assignee: Owen Leonard
QA Contact: Testopia
URL:
Keywords:
Depends on: 35402
Blocks:
  Show dependency tree / graph
 
Reported: 2024-09-26 17:22 UTC by Owen Leonard
Modified: 2024-09-30 13:31 UTC (History)
1 user (show)

See Also:
Change sponsored?: ---
Patch complexity: ---
Documentation contact:
Documentation submission:
Text to go in the release notes:
Version(s) released in:
Circulation function:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Owen Leonard 2024-09-26 17:22:38 UTC 
If you use the tab key to navigate through Bootstrap tabs, only the active tab can receive focus. The other tabs get a -1 tabindex attribute, although it's not in the markup.

It's not an issue in standard Bootstrap 5 demos, so something unique seems to be happening in our use.
Comment 1 Jonathan Druart 2024-09-30 13:31:23 UTC 
But you can actually switch from one tab to another using left/right. Which is better IMO, you can skip the whole tab list with tab.

I thought this behavior was expected :)