Charts in sortable panels [Webkit/Blink based browsers]

2 posts, 0 answers
  1. Dorian
    Dorian avatar
    21 posts
    Member since:
    Nov 2013

    Posted 07 Apr 2014 Link to this post

    I've done a little experiment with 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.
  2. Alexander Valchev
    Alexander Valchev avatar
    2895 posts

    Posted 09 Apr 2014 Link to this post

    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.

    Alexander Valchev
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top