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

Table component slow using Safari 11 on MacOS High Sierra #7799

Closed
vparaskevas opened this issue Oct 2, 2017 · 27 comments

Comments

@vparaskevas
Copy link

commented Oct 2, 2017

Version

2.13.4

Environment

MacOS High Sierra, Safari 11

Reproduction link

https://ant.design/components/table/

Steps to reproduce

Just use the pagination examples (Selection & Operation and Ajax examples)

What is expected?

Expected to run as smoothly as it does using other browsers on the same operating system, or using previous versions of Safari

What is actually happening?

Table component is really slow and almost crashes Safari 11 when using it on a more complicated example (Using nested tables). You can notice the difference even at your examples

@afc163

This comment has been minimized.

Copy link
Member

commented Oct 2, 2017

It works smoothly in my machine. safari 11.0 (12604.1.38.1.7)

@vparaskevas

This comment has been minimized.

Copy link
Author

commented Oct 3, 2017

Hi, thanks for your answer,
I'm actually using Safari Version 11.0 (13604.1.38.1.6) High Sierra version 10.13
I'm also having this problem on two different machines (iMac 27 & MBP)

@vparaskevas

This comment has been minimized.

Copy link
Author

commented Oct 5, 2017

I created a small video demonstrating the problem.
I'm just changing table sizes on the Dynamic Settings example (https://ant.design/components/table/)
https://www.youtube.com/watch?v=AJRogu_um4s

Perhaps there is a problem with the animations.

Any clues?
Thanks a lot

@vparaskevas

This comment has been minimized.

Copy link
Author

commented Oct 5, 2017

The problem is definetely on Ant Motion
I'm trying to use the list sort example (https://motion.ant.design/exhibition/demo/list-sort) and Safari almost crashes. I'm using a 2016 MacBook Pro

@afc163

This comment has been minimized.

Copy link
Member

commented Oct 8, 2017

emmm... weird perfermance issue.

@vparaskevas

This comment has been minimized.

Copy link
Author

commented Oct 8, 2017

Unfortunately I couldn't find any clue to find the problem. Safari runs fine on any other website.
I noticed that the problem is also on https://motion.ant.design/exhibition/demo/list-sort. All other examples are running just fine. Perhaps the problem is at a specific javascript function.

It tried the above links but they are not connected to my problem.
Lets's hope that a Safari update might solve the problem.

@reyesyang

This comment has been minimized.

Copy link

commented Oct 13, 2017

I have the same problem, unset table loading prop seems have some help.
so I guess this issue maybe related with css animation

@vparaskevas

This comment has been minimized.

Copy link
Author

commented Oct 14, 2017

I tried that already, and indeed there is a small performance improvement but the problem still remains. Perhaps a Safari update will solve the issue.

@creeonix

This comment has been minimized.

Copy link

commented Nov 12, 2017

Same thing here, table component is extremely slow in Safari 11.0.1 (13604.3.5)

@agileago

This comment has been minimized.

Copy link

commented Nov 13, 2017

@creeonix + 1 table component is extremely slow in Safari 11.0.1 (13604.3.5)

but ant.design site example is very smooth. i just use ajax load data and assign it to dataSource

@wangking873

This comment has been minimized.

Copy link

commented Nov 16, 2017

我也遇到同样的问题 版本 11.0.1 (13604.3.5)

@cheong12001

This comment has been minimized.

Copy link

commented Nov 22, 2017

i have the save issue, any solutions ???
the performance is extreme low on desktop safari

@yesmeck

This comment has been minimized.

Copy link
Member

commented Nov 27, 2017

Compared Safari with Chrome, seems like the main bottleneck is react?

Chrome:
20171127143332

Safari:
20171127143313

@stefan1968

This comment has been minimized.

Copy link

commented Dec 1, 2017

I've hit this problem, its basically making my web application completely unusable on safari.
Any updates on this??

@DoranYun

This comment has been minimized.

Copy link

commented Dec 8, 2017

When the table is more than 5 columns, it will happen.

Safari verision is 11.0.1 (13604.3.5)

@afc163

This comment has been minimized.

Copy link
Member

commented Dec 10, 2017

#8538

@gguan

This comment has been minimized.

Copy link

commented Dec 18, 2017

Is there any updates/progresses on the issue? Can anyone provide a temporary solution?

@wupinlang

This comment has been minimized.

Copy link

commented Jan 22, 2018

The problem remains.It is serious.

@mixj93

This comment has been minimized.

Copy link

commented Jan 23, 2018

#8538 里面提到一个解决方案:

发现 ant-table && ant-table table 的overflow: hidden造成的,去掉以后再safari下不卡顿

@tdida

This comment has been minimized.

Copy link

commented Jan 25, 2018

这个问题在safari 11.1 (13605.1.23.1)里还在,卡得很严重
ant-table && ant-table table 的overflow: hidden这个方法没用

@hardwit

This comment has been minimized.

Copy link

commented Feb 12, 2018

I have the same problem. Safari 11.0.3 (13604.5.6).
When I try to scroll page that contents a table, Safari has seriously lags.

@topwood

This comment has been minimized.

Copy link

commented Feb 24, 2018

I was fucked by my boss because of this slow experience while i finally find this issue. Please fix this soon, thanks a lot!

@topwood

This comment has been minimized.

Copy link

commented Feb 24, 2018

The solution in #8538 can fix this problem.

@yesmeck yesmeck closed this in c28d6f1 Feb 24, 2018

zheeeng added a commit to zheeeng/ant-design that referenced this issue Apr 12, 2018

@pengfu

This comment has been minimized.

Copy link

commented Sep 21, 2018

My antd version is ^3.3.0,and the overflow:hidden is removed from the version.
HOWEVER, the issue still remains.

@pengfu

This comment has been minimized.

Copy link

commented Sep 21, 2018

最后是我们的产品过来指导我,说这个地方不能圆角,我去掉了包裹元素上的border-radius属性,结果,神奇的事情发生了,safari下不卡顿了。。。

@SyMind

This comment has been minimized.

Copy link

commented Jan 16, 2019

@pengfu 我开始了思考,觉得我这辈子都学不好前端了。

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