如何在带有Material UI的Dialog中显示Downshift建议？

Question

我试图在对话框主体组件中设置降档组件，使用zIndex进行操作并不起作用，建议总是出现在下面。

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

这里是一个带有降档组件的对话框（录制＆＃34; a＆＃34;内部＆＃34;搜索国家＆＃34;显示隐藏的建议）作为此问题的示例： https://codesandbox.io/s/q3lllwr08j

Answer 1

我也面临类似的问题。希望这是您要寻找的：codeSandboxLink

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

课程是：

dialogPaper: {
    overflow: "visible"
}

Answer 2

通过按位置设置下拉列表来找到一种简单的修复方法：修复

Answer 3

我猜问题不在于Z-Index。它只是没有足够的空间来显示对话框的内容。我尝试了这个solution，用Paper元素包装对话框的内容并设置高度和宽度