Have you read the Contributing Guidelines on issues?

• I have read the Contributing Guidelines on issues.

Prerequisites

• I'm using the latest version of Docusaurus.
• I have tried the npm run clear or yarn clear command.
• I have tried rm -rf node_modules yarn.lock package-lock.json and re-installing packages.
• I have tried creating a repro with https://new.docusaurus.io.
• I have read the console error message carefully (if applicable).

Description

When accessing the hamburger menu on pages where

Reproducible demo

docusaurus.io

Steps to reproduce

1. Go to one of the main pages, for instance Docs
2. Make sure your window is small enough for the menu to be folded into a hamburger menu
3. Open the hamburger menu with the hamburger button
4. Start tabbing

Expected behavior

All focus steps are visible and from logo, dark mode, menu close button, we'll go to 'Back to main menu' and then 'Introduction', etc (each of the individual pages)

Actual behavior

After the menu close button, the next tab stop is invisible, it is the main navigation, that is currently hidden from view using CSS.

Your environment

This happens on latest; I can reproduce it on docusaurus.io so did not make a specfic test case.

Self-service

• I'd be willing to fix this bug myself.