使用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下不卡頓,