Looks like we can't reproduce the issue or there's a problem in the test case provided.
  1. #1
    Sencha User
    Join Date
    Apr 2011
    Location
    Russia
    Posts
    72
    Vote Rating
    1
    vicvolk is on a distinguished road

      0  

    Default Window maximazing bug

    Window maximazing bug


    Ext version tested:
    • Ext 4.1.1
    Browser versions tested against:
    • Opera 12.00, Opera 12.01 (32, 64 bit), Firefox 15.0, IE 9
    DOCTYPE tested against:
    • <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    Description:
    • Window is resized incorrectly within a viewport region
    Steps to reproduce the problem:
    • Check the attached code
    The result that was expected:
    • Window should be resized totally within a region. There should be no blank spaces.
    The result that occurs instead:
    When window is resized with a standard function (property maximazable:true) it leaves some blank spaces, which somehow refer to the width of the east region.

    Test Case:

    Code:
        Ext.require(['*']);
    Ext.onReady(function() {
        var cw;
    
        var viewport = Ext.create('Ext.Viewport', {
            layout: {
                type: 'border',
                padding: 5
            },
            defaults: {
                split: true
            },
            items: [{
                region: 'west',
                collapsible: true,
                floatable: true,
                split: true,
                width: 100,
                minWidth: 120,
                minHeight: 140,
                title: 'west'
            },{
                region: 'center',
                id:'cabinet',
                title: 'Center',
                minHeight: 80,
                collapsible: true
            }]
        });
        
        cw = Ext.create('Ext.Window', {
                    xtype: 'window',
                    closable: true,
                    minimizable: true,
                    maximizable: true,
                    title: 'Constrained Window',
                    height: 200,
                    width: 400,
    constrain: true,
    itemId: 'center-window'
        });
        
        cw.render(Ext.getCmp('cabinet').body);
                        
        cw.show();                    
            
    });
    Screenshot or Video:

    Before

    before.png

    After:

    after.png


    Debugging already done:
    • none
    Possible fix:
    • not provided
    Additional CSS used:
    • only default ext-all.css
    Operating System:
    • Windows 7

  2. #2
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    16,648
    Vote Rating
    583
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    Can confirm on 4.1.1, however I ran this against our latest code and the issue has since been resolved. Thanks for the test case.
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

Thread Participants: 1