[Solved] Content within iframe invisiable when dragging the window

[Big Q]

hello,
    I have an iframe and a radwindow on my page,when I drag the window, the content within iframe became invisiable until I drop the window, it confuse me a lot. 


    

<form id="form1" runat="server">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        <Scripts>
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
        </Scripts>
    </telerik:RadScriptManager>
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
    </telerik:RadAjaxManager>
    <div>
        <iframe src="http://www.telerik.com" width="600px" height="400px"></iframe>
    </div>
    <telerik:RadWindow ID="RadWindow1" runat="server" VisibleOnPageLoad="True">
    </telerik:RadWindow>
    </form>

[Princy]

Hello,

This is an expected behavior.When you move an HTML object on a page and there is an iframe on that page, it is possible that the cursor go into the iframe. If this happens, the iframe will consume the cursor events, which will lead to problems with the resize / movement of the object on the main page. You can hide all iframes on the parent page when you move / resize RadWindow. I attached OnClientDragStart event of RadWindow which will disable this functionality.

JS:

<script type="text/javascript">
 function WindowDragStart(oWin, args)
  {
   var resizeExtender = oWin._resizeExtender;
   //DISABLE iframe hiding
   resizeExtender.set_hideIframes(false);
  }
</script>

Thanks,
Princy.