extjs 4.2.0: 'hiddenfield' occupies the visile place in the form

[jimmylu98]

'hiddenfield' occupies the visible place in the form. EXTJSIV-6081 comes back in extjs 4.2.0. Even height is set to 0.
See the test code. Tested with FF and Chrome.

Ext.onReady(function() {

    var form = Ext.create('Ext.form.Panel', {
    layout: 'anchor',
        border: false,
        defaultType: 'textfield',
        bodyPadding: 5,
        items: [{
            fieldLabel: 'Send To',
            name: 'to',
            anchor:'100%' 
        },{
            fieldLabel: 'Subject',
            name: 'subject',
            anchor: '100%' 
        }, {
            xtype: 'hiddenfield',
            name: 'h1',
        height: 0,
        value: 'h1'
        }, {
            xtype: 'hiddenfield',
            name: 'h2',
        height: 0,
        value: 'h2'
        }, {
            xtype: 'hiddenfield',
            name: 'h3',
        height: 0,
        value: 'h3'
        }, {
            xtype: 'hiddenfield',
            name: 'h4',
        height: 0,
        value: 'h4'
        }, {
            xtype: 'hiddenfield',
            name: 'h5',
        height: 0,
        value: 'h5'
        }, {
            xtype: 'hiddenfield',
            name: 'h6',
        height: 0,
        value: 'h6'
        }, {
            xtype: 'hiddenfield',
            name: 'h7',
        height: 0,
        value: 'h7'
        }, {
            xtype: 'hiddenfield',
            name: 'h8',
        height: 0,
        value: 'h8'
        }, {
            xtype: 'hiddenfield',
            name: 'h9',
        height: 0,
        value: 'h9'
        }, {
            xtype: 'hiddenfield',
            name: 'h10',
        height: 0,
        value: 'h10'
        }, {
            xtype: 'hiddenfield',
            name: 'h7',
        value: 'h7'
        }, {
            xtype: 'textarea',
            hideLabel: true,
        minHeight: 100,
            name: 'msg',
            anchor: '100% -67' 
        }]
    });
    var win = Ext.create('Ext.window.Window', {
        title: 'Resize Me',
        width: 500,
        height:600,
        layout: 'fit',
    maximizable: true,
        plain: true,
        items: form,
    listeners: { resize: function() { } },
        buttons: [{
            text: 'Send'
        },{
            text: 'Cancel'
        }]
    });
    win.show();

}); 

[mitchellsimoens]

Thanks for the report! I have opened a bug in our bug tracker.

[i.stojanovic]

Problem:
ExtJS 4.2 hide hidden field, but don't hide table that surrounds the field.

Solution:
In your css file put

.x-form-item-hidden { display:none; }

This CSS is in style attribute of table.