/ant-design

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

steps组件首次加载闪烁 #6010

Closed
ouzhou opened this Issue May 4, 2017 · 3 comments

Comments

Assignees
No one assigned
Labels
Projects
None yet
Milestone
No milestone
4 participants
@ouzhou @afc163 @benjycui @xueqingxiao
@ouzhou

ouzhou commented May 4, 2017

Version

2.9.3

Environment

macos chrome

Reproduction link

https://ant.design/components/steps-cn/

Steps to reproduce

刷新。然后会看到steps组件会慢一拍才加载

What is expected?

没有白屏等待

What is actually happening?

其他组件都加载完成了 stpes 组件要慢一拍才显示出来

其他页面的组件没有这个问题，都是页面出来 组件就立即加载

@xueqingxiao xueqingxiao added the Invalid label May 4, 2017

@xueqingxiao xueqingxiao closed this May 4, 2017

@afc163

This comment has been minimized.

Sign in to view
Member

afc163 commented May 4, 2017

目前 Steps 由于 title 和 message 的长度不确定，实现上需要使用 js 动态布局，因此会到 componentDidMount 之后才展现，暂时没有好的解决方案。
@benjycui

This comment has been minimized.

Sign in to view
Contributor

benjycui commented May 5, 2017

需要用 flex 布局才能纯样式解决，在放弃 IE9 之前是不可能了。。 http://caniuse.com/#search=flex
@afc163

This comment has been minimized.

Sign in to view
Member

afc163 commented Dec 12, 2017

Fixed in antd@3.0.0

@afc163 afc163 referenced this issue Dec 12, 2017

Merged

Rewrite steps #39

8 of 8 tasks complete
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment