如果 TextField 等 Material-UI 输入元素位于对话框内的 Popper 内,则它们无法工作/无法获得焦点。
<Dialog open={true}>
...
<Popper open={true} style={{zIndex: 1500}}>
...
<TextField />
...
</Popper>
...
</Dialog>
Run Code Online (Sandbox Code Playgroud)
Popper 元素的 zIndex 值是在 Dialog 元素前面显示 Popper 所必需的。
简单的代码和框示例:https ://codesandbox.io/s/input-inside-popper-inside-dialog-not-working-9y7rg