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

Question

我基于Downshift和Popper Material-UI demo实现了一个自动完成的多选字段。在我尝试重用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覆盖到Material-UI defaults对话起作用的1300以上，但我希望避免这样做，如果可能的话。