小编Yan*_*rdo的帖子

React-select 菜单被 Dialog Content 和 Dialog Action 组件隐藏

我是 Material UI 和 React 的新手,在其他问题上没有发现 . 我正在尝试使用 React-Select 组件开发对话框材质 UI。问题是 Dialog 上的 react-select 菜单被 Dialog Action 组件隐藏了。 我的对话框组件

react-select 组件下方的这一行是 react-select 渲染的 Paper 组件。

我尝试了一些 CSS 代码,例如 zIndex 和位置,但仍然没有找到显示菜单的方法,或者更好的是,让菜单(Paper 组件)覆盖 Dialog Action 组件。

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

 dialog: {
        zIndex:0,
        display:'flex',
        flex:1,
        flexGrow:1,
        flexDirection:'column',
        flexWrap: 'wrap',
        height: 'auto',
    },
Run Code Online (Sandbox Code Playgroud)

对于react-select组件渲染的Menu(Paper Component),我尝试了以下方法:

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
    },
Run Code Online (Sandbox Code Playgroud)

我的代码与 …

react-select material-ui

3
推荐指数
1
解决办法
1712
查看次数

标签 统计

material-ui ×1

react-select ×1