Antd Select在全屏对话框中不起作用

Question

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

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

这是codesanbox的链接。您可以在对话框中进行选择，但是当放置在全屏对话框中时，相同的选择组件不会呈现其选项列表。

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

Answer 1

如果我将dropdownStyle={{ zIndex: 2000 }}添加到选择中，它似乎可以正常工作。

Answer 2

在对话框组件中添加zIndex = 20，在选择时添加zIndex = 2000

 <Dialog
    open={openSetTagsDialog}
    onClose={SetTagsDialoghandleClose}
    aria-labelledby="form-dialog-setTags"
    maxWidth={"md"}
    style={{zIndex:20}}
  >
 <Select style={{zIndex:2000}}>{...options...}</Select>
<Dialog>