我已经实现了一个基于 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的demohttps://codesandbox.io/s/wk84p1myz7 .
关于如何使这两种方法起作用的任何想法？
最佳答案
覆盖 z-index在 Popper高于Material-UI defaults的1300对话才能工作，但我希望尽可能避免这样做。
关于material-ui - 如何在 material-ui 对话框顶部显示 downshift + popper？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53126095/