Keyboard focus is lost when exiting the dropdown

[kagankan]

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

Thank you, maintainers and contributors, for this useful framework!

---

Bug: Keyboard focus is lost when exiting the dropdown (e.g. language switcher).

Docusaurus.-.Dropdown.Keyboard.Focus.Bug.cut.mp4

Reproducible demo

https://stackblitz.com/edit/github-segjfa?file=docusaurus.config.js

Steps to reproduce

1. Press Tab, Tab, ... to focus language switcher.
2. Press Enter to open dropdown.
3. Press Tab, Tab, ... to move focus.
4. When exiting the dropdown, focus is lost.

Expected behavior

Focus moves to theme switcher.

Actual behavior

Focus is lost.

Your environment

• Public source code: https://github.com/markuplint/markuplint/tree/dev/website
• Public site URL: https://markuplint.dev/
• Docusaurus version used: 2.2.0
• Environment name and version (e.g. Chrome 89, Node.js 16.4): Chrome 110, Node.js 16.16.0
• Operating system and version (e.g. Ubuntu 20.04.2 LTS): Windows 11

Self-service

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

[slorber]

Can't repro on our own website: https://docusaurus.io/

CleanShot.2023-02-23.at.10.44.17.mp4

But I do reproduce on your StackBlitz sandbox too, weird 😅
It's like there's an extra item in between that steals the focus.

Have you tried a production build of Docusaurus?