Как сделать div, а не кнопку для сводной ссылки

Question

Я хочу настроить PivotItem, чтобы сделать его доступным (вроде вкладок браузера).

Я предоставил пользовательскую реализацию onRenderItemLink, отображающую значок X в правой части вкладки и метод onClick, который закрывает вкладку.

Основная проблема, с которой я сталкиваюсь, заключается в том, что этот PivotItem обернут button (Pivot.Base.tsx отображает Commandbutton), который перехватывает все события onClick в Firefox.

Firefox не разрешает события onClick под кнопкой (кажется, это соответствует стандарту, поэтому это не считается ошибкой), поэтому я никогда не могу закрыть вкладку в Firefox.

Есть ли способ заставить Fabric UI создать элемент div вместо кнопки в этом сценарии?

Есть ли другой способ форсировать там div (какой-то способ перехватить то, что создает пользовательский интерфейс и переключить кнопку с помощью div)?

Совет приветствуется.

Answer 1

Закончилось закрытием вкладки, если кнопка была нажата с правой стороны

const clickX = clickEvent.pageX;
const buttonRight = clickEvent.currentTarget.offsetLeft + clickEvent.currentTarget.offsetWidth ;
if (buttonRight - clickX <= 40) {
  removeTab(tab);
}