Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

antd table components render so slow in safari #8538

Closed
memoryza opened this issue Dec 10, 2017 · 3 comments

Comments

@memoryza
Copy link
Contributor

commented Dec 10, 2017

Version

2.13.7

Environment

mac 10.13.2(macos high sierra)
safari 11.0.2 (13604.4.7.1.3)

Reproduction link

https://preview.pro.ant.design/#/list/table-list

Steps to reproduce

you can click pager or sorter, then please scroll page or click other btn (not in table)
this page is so slow .

i find the "className" ant-table and ant-table table have overflow: hidden make the table so slow.

What is expected?

不要卡顿

What is actually happening?

slow


浏览器版本:版本 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下不卡顿,

@afc163

This comment has been minimized.

Copy link
Member

commented Dec 10, 2017

Duplicate of #7799

@afc163 afc163 marked this as a duplicate of #7799 Dec 10, 2017

@afc163 afc163 closed this Dec 10, 2017

@afc163

This comment has been minimized.

Copy link
Member

commented Dec 10, 2017

Thx for the information!!! 👍

@han88829

This comment has been minimized.

Copy link

commented Mar 7, 2018

Solved my problem, thank you very much!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
3 participants
You can’t perform that action at this time.