Iframe reloads on tabpage when reordering

2 posts, 0 answers
  1. László
    László avatar
    12 posts
    Member since:
    Jul 2008

    Posted 23 Jul 2014 Link to this post

    Hello,
    I'm using tabstrip with tab sorting funcionalty described here:
    http://demos.telerik.com/kendo-ui/web/sortable/integration-tabstrip.html

    On the tab pages I have iframes which load external content, see the example below:
    http://jsfiddle.net/nwDga/

    The problem is when I reorder the tab pages the iframe reloads it's content. In the iframe there can be form inputs which can contain unsaved user data which is lost after reordering the tabs.

    The problem is caused by the insertAfter/insertBefore calls. They removes the k-content div from the dom and inserts again. Probably it forces the browser to reload the iframe.

    Do you know any solution or workfaround to not to reload the iframe?

    Thanks!
  2. Petyo
    Admin
    Petyo avatar
    2439 posts

    Posted 25 Jul 2014 Link to this post

    Hi László,

    your guess is correct - the low level appendChild DOM function (which is underlying the insertBefore/insertAfter methods) is the culprit. I am afraid that at this point we have not discovered any means to persist the iframe state. By the way, the same issue occurs when select elements are moved around. 

    Regards,
    Petyo
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Kendo UI is VS 2017 Ready
Back to Top