JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://dev.sencha.com/deploy/ext-4.0.2a/resources/css/ext-all.css">
<html>
    <head>
        <title>ExtJS4 Test</title>
    </head>
    <body>
    </body>
</html>

JavaScript

// ExtJS 4 hbox field not growing                                           
//**************************//                        

Ext.onReady(function(){
    
    var win = Ext.create('Ext.Window',{
        title: 'dfghjj'
        , width: 300
        , height: 200
        , layout: 'anchor'
        , defaults: { anchor: '100%' }
        , items:
        [
            {
                xtype: 'container'
                , layout: 'hbox'
                , items:
                [
                    { 
                        xtype: 'textfield'
                        , flex: 1
                        , label: 'Wee'
                        , allowBlank: false
                    }
                    , { xtype: 'button', text: 'zz' }
                ]
            }
        ]
        , listeners:
        {
            show: function(me) { me.down('textfield').validate(); }
        }
    });
    win.show();
});