当它击中文本内容时，动画 div 会暂时停止

Question

我正在尝试删除带有动画 onClick 的按钮。动画开始了，但是一旦它碰到按钮内的文本内容，动画就会减慢很多。

我制作了codesandbox来说明这个问题： https://codesandbox.io/s/9y1pov351y

如您所见，里面有文字的两个框停止了，但没有文字的框没有。有人知道问题出在哪里吗？

Answer 1

如果我错了请纠正我，但据我所知，您正在使用 flex-basis 进行转换，如果您手动更改 flex basis，您会看到按钮甚至没有调整大小。 我认为这是由于 flex 不想将容器的大小设置为小于内容。

我认为如果您找到一种非弹性方式来调整按钮大小，您应该能够解决这个问题。我试过直接手动改变按钮的宽度，反应正常。

希望对您有所帮助！

编辑：我在谷歌上搜索了一下，弹性项目的最小宽度和最小高度为自动，您应该可以覆盖它们。