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 组件在 safari 下 render 时表头闪烁的问题 #4622

Closed
lucky3mvp opened this issue Jan 17, 2017 · 5 comments
Closed

Table 组件在 safari 下 render 时表头闪烁的问题 #4622

lucky3mvp opened this issue Jan 17, 2017 · 5 comments
Labels
🐛 Bug Ant Design Team had proved that this is a bug.

Comments

@lucky3mvp
Copy link

Environment(required)

  • antd version: 2.5.3
  • OS and its version: mac
  • Browser and its version: 9.1.2

What did you do? Please provide steps to re-produce your problem.

safari 浏览器下表头会闪烁,例子参见官网例子:‘远程加载数据’,https://ant.design/components/table-cn/#components-table-demo-ajax
当选择不同分页,从服务器加载数据并 render table 时,表头会先不可见再可见这么闪烁一次

What do you expected?

此现象在 chrome 下未见,因此希望是像 chrome 那样,表头不会闪烁

@yesmeck
Copy link
Member

yesmeck commented Jan 17, 2017

好像是 Spin 导致的,这个例子里 打开 loading 表头也会消失。

@yesmeck yesmeck added 🐛 Bug Ant Design Team had proved that this is a bug. Compatibility labels Jan 17, 2017
@afc163
Copy link
Member

afc163 commented Jan 17, 2017

非常诡异的问题,和网站右侧的 Affix 有关,满足下面任意一条,问题消失。

  • 隐藏或移除 Affix 菜单。
  • Affix 菜单的 z-index 变为 9。(小于 hover 的 demo 卡片的 z-index)。
  • 去掉 Affix 菜单的 position: fixed 属性。
  • 将 Affix 菜单的 left 增加到 1310px。(WTF?!!)

@afc163 afc163 closed this as completed in df0426b Jan 19, 2017
@lucky3mvp
Copy link
Author

lucky3mvp commented Jan 20, 2017

@afc163

呃。。。 我在项目中并没有用到affix啊,虽然有右侧菜单,但是没有affix,菜单定位也没用到fixed...

我系统的布局是这样的:
-header
-body
|-menu
|-content

整体上下结构,局部左右结构

我尝试你说的解决方法:移除菜单(虽然不是用affix写),问题依然存在,事实上当我移除了header后,闪烁的现象就不存在了,但是删除的操作肯定不可行啊,系统需要header或者menu

@afc163
Copy link
Member

afc163 commented Jan 20, 2017

那只是我排查的过程而已,并不是解决方案。

@lock
Copy link

lock bot commented May 2, 2018

This thread has been automatically locked because it has not had recent activity. Please open a new issue for related bugs and link to relevant comments in this thread.

@lock lock bot locked as resolved and limited conversation to collaborators May 2, 2018
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
🐛 Bug Ant Design Team had proved that this is a bug.
Projects
None yet
Development

No branches or pull requests

3 participants