Donut chart serial tooltip position issue

Hello, Henry,

Thank you for the provided screenshots and animation.

I tested the component like in the provided GIF, however, I was not able to reproduce the faced issue. Therefore, could you please send me a runnable example where this issue is reproduced? You can use my test demo as a base:

• https://stackblitz.com/edit/react-xawwsz?file=app%2Fmain.jsx

On thing I would suggest trying it to upgrade your KendoReact and kendo-themes packages versions to the latest, as we previously fixed an issue with the tooltip rendering from the left side in `v6.0.0`:

• https://www.telerik.com/kendo-react-ui/components/changelogs/ui-for-react/#v6.0.0

Hi Wissam, 

I can reproduce it in the series donut chart example in this link https://www.telerik.com/kendo-react-ui/components/charts/series-types/donut/
As you can see in the 2 images below, the distance between the tooltip position and the related chart part  is diffrent based on my mouse action. 

PS: Please see the behavior in the .zip file
Thank you

Henry

Hello, Henry,

Thank you so much for getting back to me with the animation and example.

Indeed the tooltip position is not consistent. Thus, I added this case to the following GitHub issue in order to increase its priority. It will be directly updated when there is any progress on it. You can track it here:

• https://github.com/telerik/kendo-react/issues/672

In addition, I added 1000 Telerik Points as a small token of gratitude for your report.

If you have any further questions on this matter, please let me know.