Popper.js 覆盖输入字段标签

Question

如果展示位置翻转到 top，

Popper.js 会覆盖 material-ui 输入字段。如何避免重叠？

波普尔代码：

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

Answer 1

要解决此问题，请为字段标签使用更大的 z-index 属性，为 Popper 元素使用更小的 z-index。