如何在 Material UI 的对话框中显示降档建议？

Question

我正在尝试在对话框主体组件中设置降档组件，使用 zIndex 无效，建议总是出现在下方。

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

这是一个内部带有降档组件的对话框（在 "search a country" 内点击 "a" 显示隐藏的建议）作为此问题的示例： https://codesandbox.io/s/q3lllwr08j

Answer 1

我想问题不在于 Z-Index。 space 不足以显示对话框的内容。我尝试 solution 用 Paper 元素包装对话框的内容并设置高度和宽度

Answer 2

通过按位置设置下拉菜单 css 找到一种简单的修复方法：已修复

Answer 3

我也遇到了类似的问题。希望这就是您要找的：codeSandboxLink

我刚刚添加了一个class，并将其添加到Dialog和DialogContent。 class 名称是 dialogPaper。在样式中寻找 class。

class是：

dialogPaper: {
    overflow: "visible"
}