search

telerik / kendo-angular

Issue tracker - Kendo UI for Angular
http://www.telerik.com/kendo-angular-ui/
Other
469 stars 217 forks source link

Charts appear to interact with previous focused item when tabbing through with keyboard and pressing enter #4453

Open AndrewJohnWalker opened 2 weeks ago

AndrewJohnWalker commented 2 weeks ago

Description

When a kendo-chart either doesn't have a series or the markers are invisible, tabbing to the chart and pressing enter will interact with the previously focused item. Making the markers visible does not seem to produce the bug.

Steps To Reproduce

https://stackblitz.com/edit/angular-qak7ys?file=src%2Fapp%2Fapp.component.ts

I would expect that the button is not clicked when pressing enter on the chart.

Screenshots or video

No response

Actual Behavior

  1. Tabbing to a chart without a series or markers and pressing enter will interact with the button/link/etc above or below it in the dom.

Expected Behavior

  1. Pressing enter on a chart without series or markers does not interact with previous element.

Browser

All

Browser version

latest

OS type

MacOS, Windows

OS version

No response

Last working version of the Kendo UI for Angular package (if regression).

No response

tswetti commented 1 week ago

Hi @AndrewJohnWalker, I have tested the example using Chrome v130.0.6723.119 and Firefox v132.0.2, but I haven’t been able to replicate the problem. To better understand the situation, could you please share:

I’ve attached a video demonstrating the results on my side: https://github.com/user-attachments/assets/396d69f1-83d6-4de4-85fc-aad502c4d83b Let me know if I am missing any steps or specific details in my reproduction attempt.

AndrewJohnWalker commented 1 week ago

Hi @AndrewJohnWalker, I have tested the example using Chrome v130.0.6723.119 and Firefox v132.0.2, but I haven’t been able to replicate the problem. To better understand the situation, could you please share:

  • the browsers you are using
  • the specific versions where the issue is occurring

I’ve attached a video demonstrating the results on my side: https://github.com/user-attachments/assets/396d69f1-83d6-4de4-85fc-aad502c4d83b Let me know if I am missing any steps or specific details in my reproduction attempt.

It appears it's only an issue when using a screenreader (NVDA specifically, cannot reproduce with Narrator), so assume it's some issue with that shifting focus and not kendo specific.