[OPEN]Form rendering with padding property broken

[oaugustus]

Hi,

When I set the padding property on a Ext.FormPanel instance the rendering is broken.

...
padding: '8 8 8 8',
...

See the image bellow:



Thanks

[evant]

Please post the full code:

Ext.require('*');
Ext.onReady(function() {
    new Ext.form.FormPanel({
        width: 400,
        height: 400,
        renderTo: document.body,
        Padding: '8 8 8 8',
        title: 'I am a panel',
        items: [{
            xtype: 'textfield',
            label: 'Foo'
        }, {
            xtype: 'textfield',
            label: 'Bar'
        }]
    });
});

Anyway, I think you probably want bodyPadding.

[oaugustus]

Hi Evan,

See the full code:

Ext.define('Proposital.Login.AbstractLogonPanel',{
   extend: 'Ext.FormPanel',
   frame: true,
   title: 'Acesse agora',
   width: 250,
   autoHeight: true,
   padding: '8 8 8 8',
   fieldDefaults: {
       labelAlign: 'top',
       anchor: '100%'
   },
   ...
);

I see this problem occurs only on IE (my version is 8). When I use bodyPadding the rendering is right, but I think using padding property not should broken the rendering.

Thanks.

[evant]

Ext.onReady(function(){
    new Ext.create('widget.form', {
        width: 400,
        height: 400,
        renderTo: document.body,
        title: 'Some form',
        padding: '8 8 8 8',
        frame: true
    });
});

Demonstrates the issue.