javascript - UI Fabric-js Pivot 控件 - 没有链接项溢出功能

Question

我正在尝试使用 Office UI Fabric JS 库中的Pivot组件，但我发现它没有处理链接项溢出的功能。

文档将溢出显示为省略号，但这背后没有任何功能。这只是为了演示。

有人修改了这个组件，让它自动调整大小并正确显示所有链接吗？

Answer 1

Pivot 控件存在一个已知问题。为了让它工作，你需要覆盖overflow-x: hidden在默认样式表中设置的那个。将以下内容添加到页面的 CSS 似乎可以解决它：

.ms-Pivot{
  overflow-x: visible;
}

您还需要确保为 Pivot和上下文菜单连接 JavaScript。这包括在单击省略号时交换is-hidden和类的脚本。is-open

目前没有任何自动调整选项卡大小或自动将溢出的元素移动到上下文菜单中。