title: How to set auto height for extjs hbox layout?
body: <p>i have this layout and once im setting some data dynamically layout doesn't resize and final result is like this</p>
  
  <p><img src="https://i.stack.imgur.com/ADLh7.jpg" alt="issue"></p>
  
  <p>this is the code im using</p>
  
  <pre><code>win = Ext.create('widget.window', {
        title: 'Layout Window',
        closable: true,
        closeAction: 'hide',
        width: 750,
        height: 500,
        layout: 'fit',
        animCollapse: true,
        bodyPadding: 5,
  
        items: [{
                  xtype: 'container',
                  layout: 'hbox',
                  align: 'stretch',
                  items: [{
                            xtype: 'fieldset',
                            flex:1,
                            title: 'Details',
                            margins:'0 5 0 0',
                            layout: 'anchor',                          
                            autoHeight: true,
                            items: [{
                                      xtype: 'displayfield',
                                      fieldLabel: 'Name',
                                      name: 'customer_name',
                                      id: 'customer_name',
                                      width: 300
                                  },{
                                      xtype: 'displayfield',
                                      fieldLabel: 'ID Card',
                                      id: 'customer_id',
                                      name: 'customer_id',
                                      width: 300
                                  },{
                                      xtype: 'displayfield',
                                      fieldLabel: 'Address',
                                      name: 'address',
                                      id: 'address',
                                      width: 300
                                  }]                        
                        },{
                            xtype: 'fieldset',
                            title: 'Details',
                            margins:'0 0 5 0',
                            flex:1,
                            layout: 'anchor',
                            autoHeight: true,
                            items: [{
                                      xtype: 'textfield',
                                      labelWidth: 120,
                                      fieldLabel: 'invoice',
                                      anchor: '98%',
                                      name: 'invoice_number',
                                      id: 'invoice_number',
                                      allowBlank: false,
                                      readOnly: true
                                  },{
                                      xtype: 'textfield',
                                      labelWidth: 120,
                                      fieldLabel: 'Payment Amount',
                                      anchor: '98%',
                                      name: 'payment_amount',
                                      id: 'payment_amount',
                                      allowBlank: false
                                  },{
                                      xtype: 'button',
                                      id: 'test'
  
                                      }]                        
                        }]                        
               }]
  
  
  }).show();
  </code></pre>
  
  <p>this, i just used for setting data to display fields as test</p>
  
  <pre><code>Ext.getCmp('test').on('click', function(){
      Ext.getCmp('customer_name').setValue('customer name customer_name customer_name customer_name');
      Ext.getCmp('customer_id').setValue('855');
      Ext.getCmp('address').setValue('some text, some text, some text, some text');
  });
  </code></pre>
  
  <p>any idea how to fix this ?</p>
  
  <p>Regards</p>