重复问题

• 我搜索了现有的问题

最新版本

• 我测试了最新版本

重现步骤 🕹

我正在使用Material UI组件，并且遇到了这个问题：当我打开模态框并尝试在模态框中聚焦任何输入元素(例如，第一次聚焦会立即模糊)。第二个聚焦等行为正常(焦点会持久化)。我尝试使用Modal props disableAutoFocus,disableRestoreFocus,disableEnforceFocus,但这些都没有用。
这是我的最小示例代码：(当我打开模态框并首次聚焦文本字段时，焦点会立即模糊)

<Modal
        open={!!editTemplateId}
        onClose={() => setEditTemplateId(undefined)}
      >
        <Box
          sx={{
            width: '600px',
            ...modalStyles,
          }}
        >
          <TextField
            variant="filled"
            label={t('edit-modal.subject')}
            sx={{ width: '100%', mb: 2 }}
            value={ts}
            onChange={(e) => st(e.target.value)}
          />
        </Box>
      </Modal>

当前行为 😯

组件中的输入元素在第一次聚焦时会立即失去焦点

预期行为 🤔

输入元素的焦点应该持久化

上下文 🔦

• 无响应*

你的环境 🌎

npx @mui/envinfo

Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.