如何在Material-UI对话框顶部显示降档+ Popper？

Question

我已经实现了一个基于自动完成多选场Downshift与Popper 材料的UI演示。在我尝试在Material-UI Dialog中重用该组件之前，这种方法一直有效。在Popper出现的面具背后Dialog。

我已经修改了Material-UI演示作为此行为的示例：https : //codesandbox.io/s/76moj1mq1。

查看Material-UI的旧自动完成解决方案，它使用Popover代替Popper。我尝试将其替换为，以查看是否z-index高于Dialog，但我认为Popover窃取焦点Downshift的方式是在自动完成功能打开后立即触发自动完成功能关闭。这是一个示例，再次修改了Material-UI的演示https://codesandbox.io/s/wk84p1myz7。

关于如何使两种方法可行的任何想法？

Answer 1

重写z-index的Popper是1300上面材料的UI默认对话框来的作品，但我希望，以避免可能的话做。