Material ui 对话框内容和对话框动作组件正在隐藏“反应选择”菜单
我是新的材料界面和反应,并没有发现在其他问题上与这种组合。我正在尝试用React Select组件开发一个对话材质UI。问题是对话框操作组件隐藏了“选择对话框”上的“反应”菜单。 “反应选择”组件下方的这一行是由“反应选择”组件渲染的图纸组件 我尝试了一些CSS代码,比如zIndex和positions,但仍然没有找到显示菜单的方法,或者更好的方法,让菜单(纸组件)覆盖对话框动作组件 我的对话框、对话框内容和对话框操作使用以下类名:Material ui 对话框内容和对话框动作组件正在隐藏“反应选择”菜单,material-ui,react-select,Material Ui,React Select,我是新的材料界面和反应,并没有发现在其他问题上与这种组合。我正在尝试用React Select组件开发一个对话材质UI。问题是对话框操作组件隐藏了“选择对话框”上的“反应”菜单。 “反应选择”组件下方的这一行是由“反应选择”组件渲染的图纸组件 我尝试了一些CSS代码,比如zIndex和positions,但仍然没有找到显示菜单的方法,或者更好的方法,让菜单(纸组件)覆盖对话框动作组件 我的对话框、对话框内容和对话框操作使用以下类名: dialog: { zIndex:0,
dialog: {
zIndex:0,
display:'flex',
flex:1,
flexGrow:1,
flexDirection:'column',
flexWrap: 'wrap',
height: 'auto',
},
对于react select组件呈现的菜单(纸张组件),我尝试了以下方法:
dialogPaper: {
zIndex: 0,
maxHeight:300,
position: 'absolute',
overflowY:'auto',
marginTop: theme.spacing(1),
left:0, right: 0
},
paper: {
zIndex: 1000,
maxHeight:300,
position: 'absolute',
overflow:'visible',
overflowY:'auto',
marginTop: theme.spacing(1),
left:0, right: 0
},
我的代码与“物料文档”部分非常相似:
...
overflowY:“可见”会导致对话框的任何内容溢出,我认为解决方案只需要react select组件就可以溢出。
<Dialog PaperProps={{style: {overflowY: 'visible'}}}>
<DialogContent style={{ overflowY: 'visible' }}>...</DialogContent>
</Dialog>