Button width changed when switching loading state

[CodePlayer7]

~

[benjycui]

Yep, for IE9/10 doesn't support transition.

[benjycui]

It will be better to write your issue/comment in English, so more people can understand you. And this means that more people can help you or benefit from your issue/comment.

[benjycui]

antd uses transition and animation in many cases, so it is expensive and unnecessary to refactor to use JavaScript animation.

[CodePlayer7]

my case comes under Chrome not IE~

[benjycui]

Please provide a re-producible demo: http://codepen.io/benjycui/pen/KgPZrE?editors=001

And steps to re-produce it, a GIF will be better.

[CodePlayer7]

http://codepen.io/CallMeXYZ/pen/JEqjYj?editors=0010

[benjycui]

Yep, the animation is weirdo when we use both of icon and loading.

[afc163]

@CallMeXYZ Thx for the codepen, that was helpful!

[CodePlayer7]

how can we fix this in the current version?

[afc163]

Override style in your css file like 8dc73f4 does. Or just wait for next patch.

[CodePlayer7]

just write some dead override css like below, would it be no side effect?

.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline) .anticon{
     transition: inherit;
 }
.anticon{
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)
}

[afc163]

.ant-btn .anticon {
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

[CodePlayer7]

2333 u should not use transition:none,take a try~

[afc163]

I see... you are right

[lock]

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.