小编mar*_*sf1的帖子

对话框内的 Popper 内的 Material-UI TextField 不起作用

如果 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

reactjs material-ui

7
推荐指数
1
解决办法
1256
查看次数

标签 统计

material-ui ×1

reactjs ×1