材质用户界面-使用持久性抽屉时,可滚动选项卡无法正确呈现

时间:2019-06-14 09:03:58

标签: material-ui

按照组件演示文档中的示例,我正在使用持久性抽屉进行侧面导航。按照文档中的示例,我还使用了可滚动的标签栏。

我遇到的问题是,如果将侧边栏抽屉切换为打开/关闭,则在单击单个选项卡之前,选项卡栏不会正确显示。

Here's a codesandbox example to illustrate the issue.

Open the example in a new window。标签应扩展到窗口的整个宽度,但不能超过窗口的全宽(即,它适合标签的最大数量,而无需显示滚动条)。否则,您可能需要再添加一些cd /home/user/new && ls *.txt 或在<Tab label="whatever">中删除其中的一些,因为这意味着您的屏幕分辨率与我不同。

现在单击菜单按钮以打开侧面抽屉。

请注意,即使标签超出了视野范围,它也不显示可滚动条?

如果单击其中一个选项卡,它将自动更正。现在关闭侧边栏,然后再次查看选项卡-滚动条显示了何时不该显示。再次单击其中一个标签进行修复。

将其更改为demo.js也不能解决问题。

那么,这里有人知道如何使它正常工作吗?

0 个答案:

没有答案