Material ui 对话框内容和对话框动作组件正在隐藏“反应选择”菜单

Material ui 对话框内容和对话框动作组件正在隐藏“反应选择”菜单,material-ui,react-select,Material Ui,React Select,我是新的材料界面和反应,并没有发现在其他问题上与这种组合。我正在尝试用React Select组件开发一个对话材质UI。问题是对话框操作组件隐藏了“选择对话框”上的“反应”菜单。 “反应选择”组件下方的这一行是由“反应选择”组件渲染的图纸组件 我尝试了一些CSS代码,比如zIndex和positions,但仍然没有找到显示菜单的方法,或者更好的方法,让菜单(纸组件)覆盖对话框动作组件 我的对话框、对话框内容和对话框操作使用以下类名: dialog: { zIndex:0,

我是新的材料界面和反应,并没有发现在其他问题上与这种组合。我正在尝试用React Select组件开发一个对话材质UI。问题是对话框操作组件隐藏了“选择对话框”上的“反应”菜单。

“反应选择”组件下方的这一行是由“反应选择”组件渲染的图纸组件

我尝试了一些CSS代码,比如zIndex和positions,但仍然没有找到显示菜单的方法,或者更好的方法,让菜单(纸组件)覆盖对话框动作组件

我的对话框、对话框内容和对话框操作使用以下类名:

 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>