Ngx-Chart пропускает фокус при переходе на вкладку

Question

У меня есть диаграмма (ngx-charts-p ie -chart), которая получает фокус, когда я использую вкладку на своей странице. Я хочу полностью исключить этот компонент из естественного табулятора моей страницы. Много чего перепробовал, в том числе инертный. Есть ли у кого-нибудь предложения исключить это из моего taborder?

См. Stackblitz ниже.

Кнопка Taborder1 -> щелчок по вкладке должен go на кнопку taborder2.

https://stackblitz.com/edit/angular-5vyr3d

Answer 1

@Directive({
 selector: '[sksInert]'
})
export class InertDirective implements AfterViewInit {
@Input() public excludeElementsInTabOrder: string[] = [];

constructor(private elementRef: ElementRef) { }

ngAfterViewInit(): void {
    for (const elementName of this.excludeElementsInTabOrder) {
        const elements = this.elementRef.nativeElement.getElementsByTagName(elementName);

        for (const gElement of elements) {
            gElement.setAttribute('tabindex', -1);
        }
    }
}
}

Решил это с помощью директивы и использовал директиву для родительского элемента диаграммы.