Iframe reloads on tabpage when reordering

[László]

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!

[Petyo]

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