Reactjs 如何在带有物料界面的对话框中显示降档建议?

Reactjs 如何在带有物料界面的对话框中显示降档建议?,reactjs,z-index,material-ui,Reactjs,Z Index,Material Ui,我试图在对话框主体组件中设置降档组件,玩zIndex不起作用,建议总是出现在下面 在使用对话框时,是否有办法在顶部显示降档建议 以下是一个对话框,其中包含降档组件(点击“搜索国家”中的“a”显示隐藏建议),作为此问题的示例: 我想问题不在于Z指数。只是没有足够的空间来显示对话框的内容。我尝试用Paper元素包装对话框的内容,并设置高度和宽度通过按位置设置下拉css找到一种简单的解决方法:修复了我也遇到了类似的问题。希望这就是你想要的: 我刚刚添加了一个类并将其添加到对话框和对话框内容。类名是d

我试图在对话框主体组件中设置降档组件,玩zIndex不起作用,建议总是出现在下面

在使用对话框时,是否有办法在顶部显示降档建议

以下是一个对话框,其中包含降档组件(点击“搜索国家”中的“a”显示隐藏建议),作为此问题的示例:

我想问题不在于Z指数。只是没有足够的空间来显示对话框的内容。我尝试用Paper元素包装对话框的内容,并设置高度和宽度

通过按位置设置下拉css找到一种简单的解决方法:修复了

我也遇到了类似的问题。希望这就是你想要的:

我刚刚添加了一个类并将其添加到
对话框
对话框内容
。类名是dialogPaper。在样式中查找类

课程为:

dialogPaper: {
    overflow: "visible"
}

问题是在我的用例中我没有选择。这只是一个使用降档的问题演示。你是说你在对话框中使用的任何东西都会得到较小的zIndex吗?我想是的。。。恐怕对话框和降档组件正在工作,不允许建议部分位于顶部,唯一的方法是将建议直接定位到主体(如工具提示)