I'm using sortable to drag and drop div elements in my page. Each div element holds and iframe inside it.

My problem is that in Firefox, after I 'release' the div and it animates to its place, the content of the iframe gets erased (when looking in Firebug I see that the html tag in it contains and empty head tag and an empty body tag (while the div is being dragged the content of the iframe is still there).

I used Firebug to find out when the content disappears, and found that it occurs during the 'clear' event of the sortable object. To be more specific, the exact location is when a call is made to 'this.placeholder.before(this.currentItem)', at line 981 of the jquery.ui.sortable.js in version 1.8.5.

I kept on drilling down into the 'before' function, and found out that the problematic line, that make the content disappear, is the call to 'return this.doManip(arguments, false, function (elem ) { this.parentNode.insertBefore( elem, this ); }); The problematic section here is the call the 'insertBefore' in the call back function of the doManip function, at lien 491 of the jquery-1.4.2 js.

Does anyone know why the call to 'insertBefore' makes the content disappear? in IE everything works fine, the problem only happens in Firefox.

Another problem I'm having with the same page is - if I have a flash .swf contant displayed inside the iframe, when I start to drag the div holding that iframe, the flash content is redrawn (I'm not familiar with flash, but what I see in my case, which is a flash graph, that the graph is being redrawn).

Does anyone know why the flash is being redrawn when starting to drag the div?

Thanks in advance,

Ziv