材质UI选项卡指示器卡在错误的位置

Question

我正在尝试集成“材质UI”选项卡（https://material-ui.com/demos/tabs/#centered），但在Safari 12.0.3，Chrome 73.0.36和Chromium上却出现了奇怪的故障。在单击一个选项卡标题之前，蓝色下划线不会显示在正确的位置：

代码非常简单，可以直接从文档中复制：

https://gist.github.com/lcoenen/0f93bd2a2ae3fe9c76135d6b3d73d130

您可以在评论中看到，我找到了解决方法，方法是等待一秒钟，然后将状态设置为默认标签。

但是还有更好的解决方案吗？还是应该在material-ui GitHub上创建问题？

Answer 1

在我的情况下，问题与使用的CSS有关： 转换：scale（0.9）;

如果比例尺不同于1.0，则制表符指示位置错误...