gpt4 book ai didi

material-ui - 如何在 material-ui 对话框顶部显示 downshift + popper?

转载 作者:行者123 更新时间:2023-12-01 10:20:32 27 4
gpt4 key购买 nike

我已经实现了一个基于 Downshift 的自动完成多选字段与 Popper Material-UI demo .直到我尝试在 Material-UI Dialog 中重用该组件之前,这一直运行良好。 . Popper出现在 Dialog 的面具后面.

Popper behind dialog's mask

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

查看 Material-UI 的旧自动完成解决方案,它使用 Popover而不是 Popper .我尝试将其替换以查看它是否是 z-index会高于Dialog ,但我认为 Popover抢断焦点来自 Downshift以触​​发自动完成功能在打开后立即关闭的方式。举个例子,再次修改Material-UI的demohttps://codesandbox.io/s/wk84p1myz7 .

关于如何使这两种方法起作用的任何想法?

最佳答案

覆盖 z-indexPopper高于Material-UI defaults的1300对话才能工作,但我希望尽可能避免这样做。

关于material-ui - 如何在 material-ui 对话框顶部显示 downshift + popper?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53126095/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com