1. #1
    Sencha User
    Join Date
    Apr 2010
    Posts
    17
    Vote Rating
    0
    Akeru is on a distinguished road

      0  

    Default [4.1 RC2] Form fields have wrong size

    [4.1 RC2] Form fields have wrong size


    Hi,

    Here is a little test case I've been struggling with. It simply is a Window containing a form panel and a bottom docked tool bar.

    On Chrome 19, the fields don't resize with additional issue that the button sometimes won't get pushed to the right after playing with the window size.

    Edit : After clearing local cache, the field size is now ok, but the button continues to go the left sometimes. Seems the Chrome update did not fix all the issues...

    Code:
    Ext.define('App.view.TestCase', {
        extend:'Ext.window.Window',
        width:350,
        layout:{
            type:'fit'
        },
        title:'Testcase',
        initComponent:function () {
            var me = this;
            Ext.applyIf(me, {
                items:[
                    {
                        xtype:'form',
                        bodyPadding:10,
                        dockedItems:[
                            {
                                xtype:'toolbar',
                                dock:'bottom',
                                items:[
                                    {
                                        xtype:'tbfill'
                                    },
                                    {
                                        xtype:'button',
                                        text:'Button'
                                    }
                                ]
                            }
                        ],
                        items:[
                            {
                                xtype:'textfield',
                                fieldLabel:'Label',
                                anchor:'100%'
                            },
                            {
                                xtype:'textfield',
                                fieldLabel:'Label',
                                anchor:'100%'
                            }
                        ]
                    }
                ]
            });
            me.callParent(arguments);
        }
    });
    Displayed using something like this

    Code:
    launch:function () {Ext.create('App.view.TestCase').show();}

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


    Suggest trying with RC3 which contains fixes for min/max that were causing layout issues. I see this when I run it.
    Attached Images
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

  3. #3
    Sencha User
    Join Date
    Apr 2010
    Posts
    17
    Vote Rating
    0
    Akeru is on a distinguished road

      0  

    Default


    Indeed it seems to be fixed, thanks !

Thread Participants: 1