1. #1
    Ext JS Premium Member
    Join Date
    Mar 2008
    Location
    Germany, Frankfurt
    Posts
    142
    Vote Rating
    1
    enpasos is on a distinguished road

      0  

    Default [4.1 b2] Bug - Layout - Width % not working

    [4.1 b2] Bug - Layout - Width % not working


    To test go

    .../ext-4.1.0-beta-2/docs/index.html#!/api/Ext.layout.container.VBox

    click "Live Preview" on code example.


    I see

    Code:
       {
            xtype: 'panel',
            title: 'Inner Panel Three',
            width: '50%',
            flex: 4
        }
    as a panel with zero width on Win7(64bit) in FF9.0.1 and Safari 5.1.2.

    Please fix and give a workaround.

  2. #2
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    16,647
    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


    I'm surprised that this ever worked. What is the reasoning behind applying both a flex value ~and~ a width as a percentage? A flex value is a ratio, so, in effect, a percentage as well.
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

  3. #3
    Sencha Premium Member skirtle's Avatar
    Join Date
    Oct 2010
    Location
    UK
    Posts
    3,499
    Vote Rating
    283
    skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future

      0  

    Default


    It's in a vbox so the flex is a height, not a width.

    This example is taken straight from the docs for vbox. I tried it against the 4.0.7 docs and it works fine. Changing the value from 50% to 90% resizes just like you'd expect.

  4. #4
    Ext JS Premium Member
    Join Date
    Mar 2008
    Location
    Germany, Frankfurt
    Posts
    142
    Vote Rating
    1
    enpasos is on a distinguished road

      0  

    Default


    As skirtle said: It is an ExtJS product example without any changes by me as a user. It worked before and it is broken now.

Thread Participants: 2