1. #1
    Sencha User
    Join Date
    Nov 2007
    Posts
    25
    Vote Rating
    0
    andreik65 is on a distinguished road

      0  

    Default viewport scrolls up when opening multiple windows if "Y" exceed browser height

    viewport scrolls up when opening multiple windows if "Y" exceed browser height


    Hi,

    I've got a problem when opening up new windows if the "y" coordinate exceeds the browser height. In this case the viewport will scroll up, while I was expecting the new window to be put outside the visibile area.

    The viewport can be put back to normal position by executing "TestViewport.el.dom.scrollTop = 0" on the browser console.

    If you test it, maximize your browser window otherwise everything will work as expected.

    Tested it on Chrome 18.0.1025.168 m, all operating systems. FireFox 12, all operating system.

    Code:
            Ext.onReady(function(){
    
                Ext.QuickTips.init();
    
                TestViewport = Ext.create('Ext.container.Viewport',{
                    layout: 'border',
                    items: [
                        {
                            xtype: 'panel',
                            region: 'north',
                            split: true,
                            collapsible: true,
                            html: '<h1>NORTH</h1>'
                        },
                        {
                            xtype: 'panel',
                            region: 'west',
                            split: true,
                            collapsible: true,
                            html: '<h1>WEST</h1>'
                        },
                        {
                            xtype: 'panel',
                            region: 'center',
                            split: true,
                            collapsible: true,
                            html: '<h1>CENTER</h1>'
                        }
                    ],
                    listeners: {
                            afterlayout  : {
                                fn:function(thisPanel) {
                                    alert("press enter and watch the viewport scroll up");
                                    var y = 200;
                                    var increment = 200;
                                    for(var i=0; i < 10; ++i ) {
                                        var w = Ext.create('Ext.window.Window', {title: 'test ' + i, x: 30, y: y + (i * increment) , width:200, height: 300});
                                        w.show();
                                    }
                                }
                            }
                    }
                });
    
            });
    Any hint?,
    A.

  2. #2
    Sencha User
    Join Date
    Apr 2010
    Posts
    79
    Vote Rating
    6
    HriBB is on a distinguished road

      0  

    Default


    +1

    Same problem here. I think this is a bug.

Thread Participants: 1