Errors with forms inside windows (Anchor layout, validation red marks)

[arun_v]

We upgraded from 4.0.7 to 4.1RC3 and we are now having problems with forms. Here is what a sample form inside a window looked like in 4.0.7:

before.PNG

after the upgrade, this is what the form looks like:

after.PNG

All fields are rendered improperly in some way or another. The only workaround we have found is removing the 'anchor: '100%' parameter from the fields.
Here is the code for the form:

Ext.define(App.view.TestForm', {    extend: 'Ext.form.Panel',
    alias: 'widget.testform',
    bodyPadding: 10,
    width: 500,
    layout: 'anchor',
    defaultType: 'textfield',
    
    fieldDefaults: {
        msgTarget: 'side',
        anchor: '100%'
    },
    
    items: [{
        xtype: 'combobox',
        name: 'feature',
        fieldLabel: 'Feature',
        store: Ext.create('Ext.data.Store', {
            fields: ['id', 'name'],
            data: [{
                id: '1', name: 'Test Feature 1'
            }, {
                id: '2', name: 'Test Feature 2'
            }]
        }),
        displayField: 'name',
        valueField: 'id',
        forceSelection: true,
        allowBlank: false,
        editable: false
    }],
    
    initComponent: function() {
        this.callParent(arguments);
    }
});

It is being created after a button click:

xtype: 'button',             
text: 'Click',
handler: function() {
    var window = Ext.create('widget.window', {
        modal: true,
        items: [{xtype: 'testform'}]
    });
    window.show();
}

Furthermore, the red warning icon that is rendered after field validation is being rendered in a weird place.

Before, with 4.0.7:

erbefore.PNG

After, with 4.1RC3

erafter.PNG

Any idea about what is wrong?

[evant]

On which browsers?

[arun_v]

We could reproduce this in Firefox 11 and Chrome 12 and 20 (we didn't test other versions of chrome or firefox)

[evant]

Couldn't reproduce this in Chrome or FF using your code. Is there something else that might be amiss?

[Akeru]

I had the same kind of issue (http://www.sencha.com/forum/showthre...ave-wrong-size), and as stated clearing Chrome cache fixed it. I guess an old version of the css was still kept somewhere, might be your case too.

[arun_v]

Thanks. Clearing the cache fixed it. Thank you for your help and consideration.