【问题标题】:Material UI tabs indicator gets stuck at the wrong place材质 UI 选项卡指示器卡在错误的位置
【发布时间】:2019-08-25 07:38:37
【问题描述】:

我正在尝试集成 Material UI 选项卡 (https://material-ui.com/demos/tabs/#centered),但我在 Safari 12.0.3、Chrome 73.0.36 和 Chromium 上遇到了一个奇怪的故障。在我单击一个标签标题之前,蓝色下划线不会显示在正确的位置:

代码很简单,直接从文档中复制过来的:

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

正如您在 cmets 中看到的,我找到了一种解决方法,方法是等待一秒钟,然后将状态设置为我的默认选项卡。

但是有没有更优雅的解决方案,或者我应该在material-ui GitHub 上创建一个问题?

【问题讨论】:

  • 请在CodeSandbox 中复制此内容并将其包含在您的问题中。我没有看到你描述的行为..

标签: material-ui


【解决方案1】:

在我的情况下,问题与使用的 CSS 有关: 变换:比例(0.9);

如果比例与 1.0 不同,则选项卡指示器位于错误的位置...

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2018-06-04
    • 1970-01-01
    • 1970-01-01
    • 2019-04-27
    • 2018-04-16
    • 2021-10-18
    • 2018-06-10
    • 2020-07-20
    相关资源
    最近更新 更多