title: ExtJs - Make textarea always fit parent panel
body: <p>How can I set a textarea to always have the width and height of the parent panel that it is added to?</p>
  
  <p>What I tried: </p>
  
  <pre><code>layout      : 'fit',
  items       : [
  {
                    xtype    : 'panel',
                    title    : 'XML definition',
                    lid      : 'paneltextarea',
                    autoScroll: true,
                    autoWidth: true,
                    flex     : 1
                 }
  ]
  </code></pre>
  
  <p>Into 'paneltextarea', this textarea will be added:</p>
  
  <pre><code>oTextarea = [{
                 xtype : 'textareafield',
                 name  : 'message',
                 // value: strValue,
                 flex: 1,
                 border: 0,
                 style : { border: 0 },
                 lid: 'ietextarea'
              }];
  </code></pre>