Safari 下折叠动画闪动

[zhujun24]

[simaQ]

Safari 下使用 transition 都会有闪动的问题，可以加个 transform: translate3d(0, 0, 0); 试试

[afc163]

ping~

[shepherdwind]

safari都没人用吧

[shepherdwind]

似乎其他组件都没有问题啊

[afc163]

safari 挺多人用的。。。特别是 boss。

[shepherdwind]

找到原因了，动画结束后删除高度导致有问题

[shepherdwind]

动画结束后，设置面板高度为auto，这时候在Safari里面动画会重新跑一遍，去掉最后的设置高度就没问题了。

不过如果去掉height，就会有其他问题了。我再研究研究

[jljsj33]

设为0吧，再把style删掉，好像就不会有这问题，auto和number间无动画的吧。。

[afc163]

可以用 https://github.com/react-component/animate 试试？

[shepherdwind]

那个animate一样啊，动画原理是一样的，而且感觉有点复杂。

现在的问题是，在Safari中，把高度从固定的像素改为auto的时候，会重新动一遍。

bootstrap的解决方案是，动画运行中，加一个collapsing的class，然后结束后把collapsing删掉，动画相关的配置在collapsing上，这样，动画结束后，设置高度为auto的时候，就不会有动画了。

[jljsj33]

看下导航的拆叠样式，承玉的animate用的是js执行动画的。。

[jljsj33]

Style.height=""试试？