如何解决React Material UI中的下拉菜单项
我的React应用程序的Dialog2中有一个cd ios && pod repo update && cd .. && Flutter clean && Flutter pub get
。我在显示MenuItem
时遇到问题。我已经放置了一个高于两个对话框的MenuItem
。它怎么不出现在前面。它仍然隐藏在对话框的背面吗?
请在此处检查我的代码和框: CLICK HERE
zIndex: 1900
解决方法
您必须定位Menu
弹出框z-index
const useStyles = makeStyles({
customMenuPopover: {
// take note of !important because default z-index is applied inline
zIndex: "1900 !important"
}
});
<TextField
SelectProps={{
MenuProps: {
PopoverClasses: {
root: classes.customMenuPopover
}
}
}}
variant="outlined"
select
label="Gender"
fullWidth
>
{genders.map((gender,index) => (
<MenuItem key={index} value={gender} style={{ zIndex: 1900 }}>
{gender}
</MenuItem>
))}
</TextField>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。