[CLOSED] [#316] Window content disappears when moved

Page 1 of 2 12 LastLast
  1. #1

    [CLOSED] [#316] Window content disappears when moved

    Hi,

    Please consider the code sample below. When a Window is brought forward and dragged across the screen, its content disappears. It's back when the window gets hidden and re-displayed. This behavior can't be reproduced when Resizable is set to "true" on the Window object. Please advise.

    <%@ Page Language="C#" %>
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    
    <!DOCTYPE html>
    <html>
    <head id="Head1" runat="server">
        <title></title>
        <script type="text/javascript">
            var showWindow = function () {
                var wnd = App.Window1;
                var url = "http://ext.net";
                wnd.center();
                wnd.setVisible(true);
    
                if (!wnd.loader.url) {
                    wnd.loader.url = url;
                    wnd.load({
                        url: url
                    });
                }
            };
        </script>
    </head>
    <body>
        <form id="Form1" runat="server">
        <ext:ResourceManager ID="ResourceManager1" runat="server">
        </ext:ResourceManager>
        <ext:Viewport runat="server" Layout="FitLayout">
            <Items>
                <ext:Panel runat="server">
                    <BottomBar>
                        <ext:Toolbar runat="server">
                            <Items>
                                <ext:Button ID="Button1" runat="server" Text="Show Window">
                                    <Listeners>
                                        <Click Handler="showWindow();">
                                        </Click>
                                    </Listeners>
                                </ext:Button>
                            </Items>
                        </ext:Toolbar>
                    </BottomBar>
                </ext:Panel>
            </Items>
        </ext:Viewport>
        <ext:Window ID="Window1" runat="server" Icon="CogEdit" Title="Edit" Width="800" Height="600"
            Resizable="false" Collapsible="false" Hidden="true" Modal="true" Draggable="true">
            <Loader ID="Loader1" runat="server" AutoLoad="false" Mode="Frame" Url="">
            </Loader>
        </ext:Window>
        </form>
    </body>
    </html>
    Last edited by Daniil; Jan 22, 2015 at 10:45 AM. Reason: [CLOSED]
  2. #2
    Hello!

    Sorry, can you say what browser do you use? And also, is this issue reproducible with last sources from trunk?

    I've tried in IE10, Chrome and Firefox with our trunk and couldn't reproduce.
  3. #3
    Quote Originally Posted by Baidaly View Post
    Hello!

    Sorry, can you say what browser do you use? And also, is this issue reproducible with last sources from trunk?

    I've tried in IE10, Chrome and Firefox with our trunk and couldn't reproduce.
    Got the latest code from the trunk. The issue is reproducible in IE 9.0.8112. Chrome and Firefox seem to be fine. Curiously, when I switch to compatibility mode, the issue is gone. IE 9 is our target end user browser.
  4. #4
    I am able to reproduce it in IE9. Thank you for the report.

    Here is a simplified test case with a possible workaround in the <head> section.

    Example
    <%@ Page Language="C#" %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    
    <!DOCTYPE html>
    <html>
    <head runat="server">
        <title>Ext.NET v2 Example</title>
    
        <script>
            if (Ext.isIE9) {
                Ext.panel.Panel.override({
                    endDrag: function () {
                        if (this.floatingDescendants) {
                            this.floatingDescendants.show();
                        }
    
                        if (this.iframe) {
                            this.iframe.show();
                        }
                    }
                })
            }
        </script>
    </head>
    <body>
        <ext:ResourceManager runat="server" />
    
        <ext:Window
            ID="Window1"
            runat="server"
            Width="300"
            Height="300">
            <Loader
                runat="server"
                AutoLoad="true"
                Mode="Frame"
                Url="http://ext.net" />
        </ext:Window>
    </body>
    </html>
    I am able to reproduce with pure ExtJS and reported to Sencha.
    http://www.sencha.com/forum/showthread.php?267964
    Last edited by Daniil; Jul 16, 2013 at 6:25 AM.
  5. #5
    Thanks for the workaround Daniil, it works well for IE 9! As no one claims this to be a framework bug, should I assume your override may not make the trunk?
  6. #6
    I am not sure yet. Hopefully, Evan will answer something on:
    http://www.sencha.com/forum/showthre...964#post981611
  7. #7
    Created an Issue to track this defect.
    https://github.com/extnet/Ext.NET/issues/316

    Sencha doesn't open a bug, but it definitely looks a bug. So, I will continue attempts to convince them.
  8. #8
  9. #9
    I tested on version 3.1.0 and everything seens to be ok.

    Daniil, can you retest?
  10. #10
    Thanks for retesting! I cannot reproduce as well. Closing the issue.
Page 1 of 2 12 LastLast

Similar Threads

  1. [CLOSED] MultiHeader filters get mixed up when column is moved
    By georgek in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Jul 06, 2011, 4:55 PM
  2. Replies: 3
    Last Post: May 05, 2011, 9:06 PM
  3. [CLOSED] Preventing a window moved with header outside browser window
    By CarWise in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Sep 22, 2010, 12:17 PM
  4. Get Window Body Content?
    By Tbaseflug in forum 1.x Help
    Replies: 2
    Last Post: Mar 26, 2010, 1:18 PM
  5. Replies: 0
    Last Post: Oct 10, 2008, 12:24 AM

Tags for this Thread

Posting Permissions