'Kendo Angular button overflow tabindex accessibility problem
I am using Kendo-toolbar with these configurations:
<kendo-toolbar [overflow]="true" [popupSettings]="popupSettings">
while popupSettings are:
popupSettings = {
appendTo: viewContainerRef,
animate: false,
width: 192
};
Whenever I resize my page and the overflow button appear, it is inaccessible with keyboard tabs.
The main toolbar component has tabindex="0", and the overflow button has tabindex="-1", but as soon as I try to reach it with keyboard tabs the toolbar's tabindex changes to -1 and the overflow button tabindex stays -1.
Is it a known issue with Kendo-toolbar? Are there any workarounds?
Solution 1:[1]
I fixed it by updating the kendo-angular-toolbar from 4.1.1 to 4.1.3
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|---|
| Solution 1 | Tyler2P |
