You found a bug! We've classified it as EXTJS-10234 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Sencha User
    Join Date
    Apr 2013
    Posts
    6
    Vote Rating
    0
    pegafal is on a distinguished road

      0  

    Default Flickering when moving the Ext.Window outside of viewport area

    Flickering when moving the Ext.Window outside of viewport area


    I have a viewport with one panel and inside a panel there is a window with constrain and constrainHeader set to true.

    When I move the window to the bottom area, there is a flickering. It doesn't happen every time but it is quite often.

    This happens at least in IE9, Chrome 27 is working fine.
    EXTJS version used in this case is 4.2.1 from CDN

    Any idea what I might do wrong here?

    I attach the complete code (rename txt to html)

    Thanks




    Code:
    Ext.create('Ext.container.Viewport', {
        layout: "fit",
        items: [{
            region: 'center',
            xtype: 'panel', 
            html: "<div class='map-canvas' style='height: 100%; border: 10px solid red;'></div>",
            listeners: {
                afterrender: function() {
                    var win = Ext.create('Ext.window.Window', {
                            title: 'Hello',
                            renderTo: this.el,
                            constrain: true,
                            constrainHeader: true,
                            height: 200,
                            width: 400,
                            layout: 'fit',
                            items: {  // Let's put an empty grid in just to illustrate fit layout
                                xtype: 'grid',
                                border: false,
                                columns: [{header: 'World'}],                 // One header just for show. There's no data,
                                store: Ext.create('Ext.data.ArrayStore', {}) // A dummy empty data store
                            }
                        });
                //    this.add(win);
                win.center();
                    win.show();
                }
            }
        }]
    });
    *EDIT BY SLEMMON
    I'm seeing the issue when dragging the window to the bottom of the screen when testing with the below test case in IE8, IE9, and IE10 with 4.2.0 and 4.2.1, but do not see the issue in Chrome or FF.
    Code:
    Ext.create('Ext.container.Viewport', {
        layout: "fit",
        items: [{
            region: 'center',
            xtype: 'panel', 
            html: "<div class='map-canvas' style='height: 100%; border: 10px solid red;'></div>",
            listeners: {
                afterrender: function() {
                    var win = Ext.create('Ext.window.Window', {
                            title: 'Hello',
                            renderTo: this.el,
                            constrainHeader: true,
                            height: 200,
                            width: 400,
                            layout: 'fit',
                            items: {  // Let's put an empty grid in just to illustrate fit layout
                                xtype: 'grid',
                                border: false,
                                columns: [{header: 'World'}],                 // One header just for show. There's no data,
                                store: Ext.create('Ext.data.ArrayStore', {}) // A dummy empty data store
                            }
                        });
                    win.show();
                }
            }
        }]
    });
    Attached Files
    Last edited by slemmon; 16 Jun 2013 at 10:22 PM. Reason: include extjs version tested :: additional test notes

  2. #2
    Sencha User
    Join Date
    Apr 2013
    Posts
    6
    Vote Rating
    0
    pegafal is on a distinguished road

      0  

    Default


    Any help on this?
    IE10 also have the same issue.

  3. #3
    Sencha User
    Join Date
    Jan 2013
    Location
    Germany, Freiburg i. Br.
    Posts
    31
    Vote Rating
    8
    StudentDaniel will become famous soon enough

      0  

    Default


    This happens at least in IE9, Chrome 27 is working fine.
    EXTJS version used in this case is 4.2.1 from CDN

    Any idea what I might do wrong here?
    I have not IE so I cannot test. This sounds like a Browser-Problem is specific to your code (What are the System-Limits of your Machine? - Code is executed local - so this Power is effecting here - try a stronger machine to check this).

    Also: Maybe you can use Debugging-Tools (scroll down for IE) to get some Information about specific Parts of this Problem of IE9:

    For this you have to search for two things:
    1) a function to override is called directly before the Window object arrifes and maybe after
    2) identifie the listeners for an event is fired

    This functions you can override (don't forget to call parent !) by insert of an console.log(this) or only console.log('hello') ...
    So you can find the points the problem causes in Debugging-Tools.

    After that you can take a look into documentation of ExtJS to find an Attribute to slow down or up or try out other ways to give IE9 the time not to be surprised in ExtJS-Actions.

    If nothing works you can use your now trained mind to say the user "Tell M$ to build JS-Support like Google" ;-)

  4. #4
    Sencha - Support Team slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    4,913
    Vote Rating
    179
    slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold

      0  

    Default


    Thanks for the report! I have opened a bug in our bug tracker.

Thread Participants: 2

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi