Inconsistent styles in ExtJS component disabling

by Durtto

HTML

<script src="http://docs.sencha.com/extjs/4.2.1/extjs-build/ext-all.js"></script>
<link rel="stylesheet" href="http://docs.sencha.com/extjs/4.2.1/extjs-build/resources/css/ext-all.css">
<link rel="stylesheet" href="http://docs.sencha.com/extjs/4.2.1/extjs-build/resources/ext-theme-classic/ext-theme-classic-all.css">

CSS

body { padding: 10px; }

JavaScript

Ext.onReady(function() {
    var addForm = Ext.create('Ext.container.Container', {
        renderTo: Ext.getBody(),
        layout: 'vbox',
        items: [
            {
                xtype: 'container',
                layout: 'vbox',
                id: 'lotsOfItems',
                defaults: {
                    xtype: 'container',
                    layout: 'hbox'
                },
                items: [
                    {
                        items: [
                            {
                                xtype: 'radio',
                                boxLabel: 'Recur every'
                            },
                            {
                                xtype: 'textfield',
                                hideLabel: true,
                                padding: '0 5px 0 5px',
                                width: 30,
                                value: 1
                            },
                            {
                                xtype: 'text',
                                text: 'day(s)',
                                padding: '4px 0 0 0'
                            }
                        ]
                    },
                    {
                        items: [
                            {
                                xtype: 'radio',
                                boxLabel: 'Do something every'
                            },
                            {
                                xtype: 'combobox',
                                padding: '0 5px 0 5px',
                                valueField: 'value',
                                displayField: 'display',
                                value: 'first',
                                store: {
                                    fields: ['display', 'value'],
                                    data: [
                                        { display: 'First', value: 'first' },
                                        {...