首页 > 解决方案 > Antd select 在全屏对话框中不起作用

问题描述

我在我的 react 应用程序中同时使用 materialui 和 antd 作为 ui 组件库。我一直在使用material ui的全屏对话框,并尝试在对话框中插入antd的select

但看起来选择列表在放置在 material-ui 的对话框组件中时无法正确呈现。我试图给 antd 选择一个非常大的 zindex 绝对位置但没有运气。

这是一个codesanbox链接。您可以选择解决对话框,但是当放置在全屏对话框中时,相同的选择组件不会呈现它的选项列表

https://codesandbox.io/s/1zvj51xmj

标签: reactjsmaterial-uiantd

解决方案


如果我添加dropdownStyle={{ zIndex: 2000 }}到选择它似乎工作。

编辑材质演示


推荐阅读