解決react使用antd table在safari上面卡頓


使用antd2.x版本在safari上面異常卡頓,很多客戶反饋,測試了一下,卡頓的主要是11.0版本以上的;

去issues上面查了一下,有人講是因為table里面使用overflow:hidden; 導致的,於是去除node_modules中antd table中所有的overflow:hidden; 解決了這個問題;

參考地址: https://github.com/ant-design/ant-design/issues/7799;

解決問題作者:https://github.com/ant-design/ant-design/issues/8538

 

問題原文

瀏覽器版本:版本 11.0.2 (13604.4.7.1.3)
系統:10.13.2(macos high sierra)

試驗過后發現antd的table 在safari 渲染直接阻塞住頁面其他事件,造成頁面卡頓
期間 table 有一個prefixCls 的屬性,我將屬性不傳遞給rc-table的時候也沒渲染不卡了,
感覺是css什么屬性影響到了,但是沒找到

其中 https://preview.pro.ant.design/#/list/table-list 例子中翻頁,排序,然后點擊其他均有卡頓現象。

在系統升級之前,safari(12.06)確認過同樣的頁面渲染和交互不卡頓。升級之后造成的。

后來經過排查,發現ant-table && ant-table table 的overflow: hidden造成的,去掉以后再safari下不卡頓,

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM