Closed pferencgit closed 1 minute ago
The flickering seems to be caused due to the border styles added to the Chart component:
<kendo-sparkline
[data]="data"
style="width: 150px; height: 20px; border: 1px black solid;"
To avoid such flickering, the developer would need to add the border to an outer element or the chartArea property of the Sparkline component:
https://codesandbox.io/p/sandbox/brave-panini-vds37v?file=%2Fsrc%2Fapp%2Fapp.component.ts
<kendo-sparkline
[chartArea]="{ border: { dashType: 'solid', width: 1 } }"
[data]="data"
Additional input from @tsvetomir would be necessary to determine if it should be considered a bug, as I wasn't able to reproduce it in React or jQuery Sparkline Charts.
Describe the bug When browser is zoomed out Sparkline Chart tooltips are flickering while moving the mouse over them. Probably connected to the flickering problem, the tooltip issue also prevents click events from firing over the sparkline.
To Reproduce https://codesandbox.io/p/sandbox/elated-lehmann-q4rdfh
Expected behavior Tooltips and mouse events should work the same regardless the browser zoom level.
Screenshots If applicable, add screenshots to help explain your problem.
Browser The issue was tested and reproduced with the above method in the latest versions of Chrome, Firefox and Opera.