[英]Popper.js overlays the input field label
Popper.js overlays material-ui
input field if the placement is flipping to the top
.如果展示位置翻转到top
则 Popper.js 会覆盖material-ui
输入字段。 How avoid the overlaying?如何避免重叠?
The popper code:波普尔代码:
<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
属性,对Popper
元素使用较小的z-index
。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.