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

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

去issues上面查了一下,有人講是由於table裏面使用overflow:hidden; 致使的,因而去除node_modules中antd table中全部的overflow:hidden; 解決了這個問題;html

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

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

 

問題原文github

瀏覽器版本:版本 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下不卡頓,
相關文章
相關標籤/搜索