【问题标题】:MUI v5 / v4 Scrollable Tabs Not Working on RTL ModeMUI v5 / v4 可滚动选项卡在 RTL 模式下不起作用
【发布时间】:2022-08-19 22:54:29
【问题描述】:

我在 MUI v4 和 v5 上遇到了可滚动选项卡的问题。这些标签在 LTR 模式下工作正常,但是一旦我将它们切换到 RTL 模式,滚动就会停止工作。 我尝试了很多来解决这个问题,但对我没有任何帮助。这个问题让我累了一个月,没有任何解决方案。

这个问题在 v5 和 v4 中是一样的,因为我看到他们根本没有解决它。

这是我使用 Next.js 和 MUI v5 制作的 CodeSandbox 示例。当您单击上面的按钮并切换到 RTL 模式时,您可以看到问题。滚动停止工作或停留在 LTR 模式。另外,我注意到它在移动设备上运行良好。

这是我的示例的链接:https://codesandbox.io/s/stupefied-borg-7u66f

你可以在_app.js 中看到我在 RTL 模式下的工作。

在这个链接中,我在 Vercel 上部署了这个示例:https://mui-v5-rtl-tabs.vercel.app/

    标签: material-ui


    【解决方案1】:

    嘿伙计们,我构建了一个组件来解决这个问题。 一探究竟
    https://react-tabs-scrollable.vercel.app/

    【讨论】:

      猜你喜欢
      • 2020-03-04
      • 2021-12-11
      • 2022-11-10
      • 2020-06-29
      • 1970-01-01
      • 1970-01-01
      • 2021-12-22
      • 1970-01-01
      • 2021-11-18
      相关资源
      最近更新 更多