Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
AndrewJohnWalker opened this issue Nov 14, 2024 · 2 comments

Comments

@AndrewJohnWalker
Copy link

AndrewJohnWalker commented Nov 14, 2024

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
Copy link

tswetti commented Nov 19, 2024

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.

@AndrewJohnWalker
Copy link
Author

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants