重复问题

• 我已搜索现有的问题

最新版本

• 我已测试了最新版本

重现步骤 🕹

链接到实时示例：
步骤：

1. 转到 https://codesandbox.io/s/magical-fog-y0e1m1?file=/demo.tsx
2. 点击 Toggle 按钮
3. autoFocus 按预期工作。
4. 再次点击 Toggle 按钮以隐藏文本字段
5. 点击 Open Menu 按钮
6. 在菜单中点击 Toggle
7. autoFocus 不起作用

当前行为 😯

它没有自动聚焦 Textfield。

预期行为 🤔

它应该自动聚焦 Textfield。

上下文 🔦

我有一个选项，在点击后会打开表单。我想在表单打开时让它自动聚焦 Menu。

你的环境 🌎

Textfield

I am using Edge.
  System:
    OS: Windows 10 10.0.22621
  Binaries:
    Node: 18.12.1 - C:\Program Files\nodejs\node.EXE
    Yarn: Not Found
    npm: 8.19.2 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Chrome: Not Found
    Edge: Spartan (44.22621.1194.0), Chromium (109.0.1518.70)
  npmPackages:
    @emotion/react: ^11.10.5 => 11.10.5
    @emotion/styled: ^11.10.5 => 11.10.5
    @mui/base: 5.0.0-alpha.113 => 5.0.0-alpha.113
    @mui/core-downloads-tracker:  5.11.4
    @mui/icons-material: ^5.11.0 => 5.11.0
    @mui/material: ^5.11.4 => 5.11.4
    @mui/private-theming:  5.11.2
    @mui/styled-engine:  5.11.0
    @mui/system: ^5.11.4 => 5.11.4
    @mui/types:  7.2.3
    @mui/utils:  5.11.2
    @mui/x-data-grid:  5.17.19
    @mui/x-data-grid-premium: ^5.17.19 => 5.17.19
    @mui/x-data-grid-pro:  5.17.19
    @mui/x-date-pickers:  5.0.14
    @mui/x-date-pickers-pro: 5.0.14 => 5.0.14
    @mui/x-license-pro:  5.17.12
    @types/react: ^18.0.26 => 18.0.26
    react: ^18.2.0 => 18.2.0
    react-dom: ^18.2.0 => 18.2.0
    typescript: ^4.9.4 => 4.9.4