Charts in sortable panels [Webkit/Blink based browsers]

[Dorian]

I've done a little experiment with http://demos.telerik.com/kendo-ui/web/sortable/sortable-panels.html and created a panel that has a simple chart in it.

If I move and other sortable item except the chart itself it removes all colors from the chart (see the the attachment file: error.png).
This happens on desktop and mobile versions of Chrome and Opera or better yet all browsers that use a blink/webkit html engine.

I could not reproduce this behaviour in IE11 or the latest version of Firefox.

It's not crucial to me at this moment but just letting you know.

[Alexander Valchev]

Hello Dorian,

Thank you for the feedback!

The issue is caused by a rendering bug in the browser. I was able to reproduce it using the current official version of Google Chrome, but not in Google Chrome Beta which means that the issue is already fixed by Blink/WebKit developer team.

As a workaround I can suggest calling kendo.resize at the change event of the Sortable widget which will force the chart to redraw itself. For example:

function onChange(e) {
  kendo.resize(e.item); //redraw the chart
}

I hope this information will help.

Regards,
Alexander Valchev
Telerik