- Issue created by @rkoller
- 🇮🇳India sandip
I've noticed that the extra tab through the table header occurs because two table headers are being rendered—one for the sticky header and another for the regular table header. To resolve this, I am considering keeping the tab focus on the sticky header while removing it from the regular header using the
tabindex="-1"
property when sticky value is true.I am currently working on implementing this solution but facing some challenges but will try to quickly come with the MR. If anyone has an alternative approach or suggestions, I would greatly appreciate your input. Thank you!
- Merge request !607Issue #3506338: Tabbing order in the table header is off. → (Open) created by Unnamed author
- 🇮🇳India sandip
Please review the code changes. I have added a check to see if both the sticky header and normal table header are rendered. If so, I’m setting
tabindex="-1"
on the normal header elements to avoid duplicate tab stops. Let me know if it looks good or needs changes. - 🇮🇳India Kanchan Bhogade
Hi
I have tested MR 307 on Drupal 11.x
MR is applied successfully...Test Result:
Tested tab key navigation for table header (admin/content), the duplicate tab is removed for header;
But When the user navigates from the header to the actual content (e.g., the table under the title section), an extra tab press is required to reach the first row. Initially, pressing the Tab key does not shift focus to the first row as expected. Only after pressing Tab again does the focus move correctly to the first row of the table.Moving to Needs works