Results 1 to 2 of 2

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

Hybrid View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Sencha User
    Join Date
    Nov 2007
    Posts
    25
    Vote Rating
    0
      0  

    Default 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
    85
    Vote Rating
    14
      0  

    Default

    +1

    Same problem here. I think this is a bug.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •