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