Hack together: Cannot move focus to other tabs (Payment History and Reservations) with keyboard in Profile page
wenwei-lin opened this issue · comments
Are you accessing the project from the GitHub Codespaces?
- No, I am running the project on my local machine (I will fill in the OS section below)
- Yes, I am using GitHub Codespaces.
Note: The project is optimized to run on Codespaces. We welcome contributions to enhance it for cross-platform local development, but it's not something we will prioritize right now. Thank you!
Describe the bug
When on the Profile page of the website, using the keyboard to navigate through tabs, I am unable to move focus to the "Payment History" and "Reservations" tabs.
To Reproduce
Steps to reproduce the behavior:
- Login
- Go to Profile page
- Move focus with Tab key
Expected behavior
I expect that when I use the "Tab" key on the Profile page, the focus should cycle through all interactive elements on the page, including those within the "Profile" tab as well as the "Payment History" and "Reservations" tabs. This would enable users to efficiently navigate the page using keyboard controls.
Screenshots
If applicable, add screenshots to help explain your problem.
OS (please complete the following information):
- OS: Windows
- OS Version:
- npm version:
- Node.js version:
- output of
azd version:
Additional context
Add any other context about the problem here.
Hi @wenwei-lin can you navigating using these keyboards shortcuts: 
Hi @wenwei-lin can you navigating using these keyboards shortcuts:
@manekinekko Yes, I can move focus with those keys.