发布
社区首页 >问答首页 >资料-用户界面TextField内弹出对话框不起作用

资料-用户界面TextField内弹出对话框不起作用
EN

Stack Overflow用户
提问于 2020-03-10 15:53:52
回答 1查看 3.1K关注 0票数 11

物料-UI输入元素,如TextField不工作/不能获得焦点,如果他们在一个对话框内的波普尔。

代码语言:javascript
代码运行次数:0
复制
<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

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-03-10 16:03:56

您可以使用Dialog上的Dialog属性(从Modal继承)来修复这个问题。

代码语言:javascript
代码运行次数:0
复制
<Dialog open={true} disableEnforceFocus>
    <SimplePopper />
</Dialog>

相关答案:CKEditor 4在材料UI对话框中使用时有问题

票数 18
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/60621278

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档