Antd Select 組件 getPopupContainer props 導致 ie11 出現問題

Question

當您將 getPopupContainer 道具與選擇組件一起使用時，會導致 Internet Explorer 11 中的閃爍。

我已經嘗試了所有選項

 <script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

 <script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script> <div id="coskun"> <Select getPopupContainer={() => getElementById("coskun")} > <Option/> <Option/> </Select> </div>

它在除 Internet Explorer 11 之外的所有瀏覽器上都能正常工作。我也為我的應用程序使用了 polyfills 來處理 console.log 但沒有幫助。

Answer 1

一些可能有幫助的事情：

1. 請注意，IE 在解析 ID 與名稱方面是出了名的糟糕。 一種簡單的解決方法是聲明name

2. 您可能會發現包含getElementById()函數的作用域是有益的。 這個范圍通常是document

應用於以下代碼段的代碼更改

<div id="coskun" name="whatever" >
  <Select getPopupContainer={() => document.getElementById("coskun")} >
    <Option/>
    <Option/>
  </Select>
</div>