Пользовательский интерфейс Fabric-js Pivot control - функция переполнения элемента ссылки отсутствует

Question

Я пытаюсь использовать компонент Pivot из библиотеки Office UI Fabric JS, но обнаружил, что он не имеет функции для устранения переполнения элементов ссылок.

Документация показывает переполнение в виде многоточия, однако за ним нет никаких функциональных возможностей. Это только для презентации.

Кто-нибудь изменил этот компонент, чтобы он автоматически изменял размеры и правильно показывал все ссылки?

Answer 1

Существует известная проблема с элементом управления Pivot . Чтобы заставить его работать, вам необходимо переопределить overflow-x: hidden, установленный в таблице стилей по умолчанию. Кажется, добавление следующего к CSS вашей страницы исправляет это:

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

Вам также необходимо убедиться, что вы подключили контекстное меню JavaScript для Pivot и . Это включает в себя скрипт для замены классов is-hidden и is-open при нажатии на многоточие.

В настоящее время нет автоматического определения размера вкладки или автоматического перемещения переполненных элементов в контекстное меню.