telerik
Chart - Auto-Selection of Chart Series After Tab Switch
Description
I'm currently working with KendoReact Charts and noticed an unexpected behavior with series selection. Specifically, this happens with both Pie and Bar charts. After clicking on chart and changing tab the first series in the chart got focused with black border.
Plan
KendoReact
Steps To Reproduce
-
Click anywhere inside the chart (any series), -
Switch to another browser tab, -
Return to the original tab,
I’ve noticed the same issue in your official documentation examples too (see attached screenshot). Also attaching a screenshot from my local app showing the same auto-selection border.
Screenshots or video
Actual Behavior
When interacting with a chart, such as clicking anywhere on it and then switching to another browser tab and returning, the first series in the chart becomes visually selected or focused. This is typically shown with a black border around the first bar or slice.
Expected Behavior
The chart should not highlight or auto-select any series unless the user intentionally interacts with it. Simply clicking the chart or switching tabs should not trigger any focus or selection state. The visual state of the chart should remain unchanged unless the user takes a deliberate action.
How can I prevent KendoReact charts from auto-selecting or auto-focusing a chart series when returning to a tab? Is there a prop or CSS workaround to completely disable this behavior?
Browser
Chrome, Firefox
Browser version
latest
OS type
MacOS, Windows
OS version
No response
Last working version of the KendoReact package (if regression).
No response
Hi @Vectoriia,
Thank you for bringing this to our attention. We consider this a bug, and we will plan it accordingly.
