Results 1 to 3 of 3

Thread: [4.1 RC2] Form fields have wrong size

  1. #1
    Sencha User
    Join Date
    Apr 2010
    Posts
    17
    Vote Rating
    0
      0  

    Default [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
    18,597
    Vote Rating
    874
      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 Attached Images
    Evan Trimboli
    Twitter - @evantrimboli

  3. #3
    Sencha User
    Join Date
    Apr 2010
    Posts
    17
    Vote Rating
    0
      0  

    Default

    Indeed it seems to be fixed, thanks !

Posting Permissions

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