我正在尝试删除带有动画onClick的按钮。动画开始了，但是一旦点击按钮内的文本内容，动画就会放慢很多速度。
我制作了codeandbox来显示问题： https://codesandbox.io/s/9y1pov351y
如您所见，里面有文本的两个框停止了，但是没有文本的框没有了。有人知道这个问题可能是什么吗？
答案 0 :(得分：1)
如果我错了，请更正我，但是从我看到的结果来看，您正在使用flex-basis进行转换。如果手动更改弹性基准，则可以看到按钮甚至没有调整大小。
我认为这是由于flex不想将容器的大小小于内容的大小。
如果您发现一种非灵活的方式来调整按钮的大小，我认为您应该能够解决此问题。我尝试直接手动更改按钮的宽度，并且反应正常。
我希望这会有所帮助！
编辑：我用谷歌搜索了一下，伸缩项目的最小宽度和最小高度为auto，应该可以覆盖它们。