This is a migrated thread and some comments may be shown as answers.

Charts in sortable panels [Webkit/Blink based browsers]

1 Answer 27 Views
Sortable
This is a migrated thread and some comments may be shown as answers.
Dorian
Top achievements
Rank 2
Dorian asked on 07 Apr 2014, 01:07 PM
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.

1 Answer, 1 is accepted

Sort by
0
Alexander Valchev
Telerik team
answered on 09 Apr 2014, 11:44 AM
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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Sortable
Asked by
Dorian
Top achievements
Rank 2
Answers by
Alexander Valchev
Telerik team
Share this question
or