reactjs - 如何使用 Material UI 在对话框中显示降档建议?

标签 reactjs z-index material-ui

我试图在对话框主体组件内设置一个降档组件,使用 zIndex 不起作用,并且建议总是出现在下面。

enter image description here

有没有办法在使用对话框时在顶部显示降档建议?

以下是一个包​​含降档组件的对话框(在“搜索国家/地区”内点击“a”显示隐藏的建议)作为此问题的示例: https://codesandbox.io/s/q3lllwr08j

最佳答案

我也遇到了类似的问题。希望这就是您正在寻找的:codeSandboxLink

我刚刚添加了一个类并将其添加到 DialogDialogContent 中。类名是dialogPaper。在样式中查找类。

类(class)是:

dialogPaper: {
    overflow: "visible"
}

关于reactjs - 如何使用 Material UI 在对话框中显示降档建议?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49981462/

相关文章:

javascript - 渲染要在 JSX 中列出的对象数组

reactjs - 无法读取未定义的属性 'history'(React Router 5的useHistory钩子(Hook))

javascript - 点击时的 cytoscape.js 平移和 z-index/foregrounding 元素

reactjs - 如何以编程方式控制行的切换?

material-ui - 如何从组件中访问主题调色板?

javascript - 如何将 Azure B2C 与 React 集成

reactjs - 使用reactify使用ES6导入语法转换jsx

css - 位置 : fixed pseudo-elements 的堆栈上下文

html - 在图像上 float Div

react-redux - React Redux Material-UI 自动完成