解決 Ant Design Modal 中的 Select 選項框不能顯示的問題

代碼示例

<a-modal>
  <a-select>
    <!-- options -->
  </a-select>
</a-modal>

問題

當點擊 <select> 的時候，發現下拉選項沒出現。

分析

事實上是下拉框是出現了，只是被 <a-modal> 遮擋了。

原因是因為 select 的下拉框通過 .ant-select-dropdown 樣式給到的 z-index 是 1050，而 modal 自帶的樣式 .ant-modal-wrap 給的默認 z-index 卻是 9998 ！！！

解決方案

通過查看官方文檔，modal 擁有一個 zIndex 可配置屬性，該屬性會通過內聯樣式覆蓋 CSS 上的屬性，所以只要把這個值設置的小於 1050 就可以了。

PS：文檔里寫 zIndex 屬性的默認值是 1000，可見開發團隊考慮過遮擋問題，但使用中依然出現上述問題，所以可能是文檔寫錯了 or 組件庫的 bug or 自己用得不對