物料-UI输入元素,如TextField不工作/不能获得焦点,如果他们在一个对话框内的波普尔。
<Dialog open={true}>
...
<Popper open={true} style={{zIndex: 1500}}>
...
<TextField />
...
</Popper>
...
</Dialog>
Popper元素的zIndex值是在Dialog元素前面显示Popper所必需的。
简单的代码框示例:https://codesandbox.io/s/input-inside-popper-inside-dialog-not-working-9y7rg
发布于 2020-03-10 16:03:56
您可以使用Dialog
上的Dialog
属性(从Modal
继承)来修复这个问题。
<Dialog open={true} disableEnforceFocus>
<SimplePopper />
</Dialog>
https://stackoverflow.com/questions/60621278
复制相似问题