无法在对话框上方显示的模式中输入文本

时间:2019-02-23 22:22:55

标签: reactjs antd

复制链接

Edit on CodeSandbox

复制步骤

  1. 单击打开的对话框
  2. 点击打开的弹出窗口
  3. 尝试输入任何文本。您将无法在弹出字段中输入文字。

期望什么?

我应该能够在弹出窗口的输入字段中输入文本。

实际上发生了什么?

在对话框中打开antd popup时,我可以通过更改z-index看到弹出窗口,但无法在弹出窗口中输入任何内容。

EnvironmentInfo
蚂蚁3.13.6 反应v16.4.1 系统Mac OS 10.14.2 浏览器reactjs v16.4.1

1 个答案:

答案 0 :(得分:1)

您可以将对话框更改为:

        <Dialog
          fullScreen
          open={this.state.open}
          onClose={this.handleClose}
          TransitionComponent={Transition}
          disableEnforceFocus={true}
        >

这应该可以解决问题。