Popper.js覆盖输入字段标签

阿丽娜·康塔雷罗

material-ui如果展示位置翻转到,则Popper.js会覆盖输入字段top如何避免重叠?

弹出代码:

<Popper
   id={id}
   open={open}
   anchorEl={this.state.anchorEl}
   style={{ zIndex: 13001 }}
   disablePortal={true}
   modifiers={{
     name: 'preventOverflow',
      options: {
        padding: 0,
       },
     }}
 >
  {children elements} 
</Popper>

在此处输入图片说明

阿丽娜·康塔雷罗

要解决此问题,请z-index为字段标签使用较大的属性,z-indexPopper元素使用较小的属性

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章