kendo-angular
kendo-angular copied to clipboard
[Button] Dynamically enabling/disabling the component breaks the keyboard navigation
Describe the bug Currently, when the disabled state of the Button component is dynamically enabled/disabled, the keyboard navigation gets broken:
- a Button that is dynamically enabled is unreachable with the keyboard
- a Button that is dynamically disabled is still focusable with the keyboard
To Reproduce
- Create two Button components (using the kendo-button selector) - one enabled and one disabled.
- Dynamically update the disabled state of the two Buttons.
Please, check out the following StackBlitz demo: https://stackblitz.com/edit/angular-u9svkg-a9sft9
Expected behavior Dynamically updating the disabled state of the Button component should also update the keyboard navigation:
- a Button that is dynamically enabled should be focusable with the keyboard
- a Button that is dynamically disabled should be unreachable with the keyboard
Additional context From what I have noticed, it seems like the tabindex of the Button component is not dynamically updated.