title: ExtJS - Textarea widget within rowEditing panel
body: <p>The ExtJS <a href="http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.grid.plugin.RowEditing" rel="nofollow">RowEditing plugin</a> does not seem to handle textarea inputs unless they are squashed to the height of the row, which renders them unusable.</p>
  
  <p>Demo here <a href="http://jsfiddle.net/8SA34/" rel="nofollow">http://jsfiddle.net/8SA34/</a></p>
  
  <pre><code>Ext.onReady(function () {
  Ext.create('Ext.data.Store', {
      storeId: 'simpsonsStore',
      fields: ['name', 'email', 'phone'],
      data: [{
          "name": "Lisa",
              "email": "lisa@simpsons.com",
              "phone": "555-111-1224"
      }, {
          "name": "Bart",
              "email": "bart@simpsons.com",
              "phone": "555-222-1234"
      }, {
          "name": "Homer",
              "email": "home@simpsons.com",
              "phone": "555-222-1244"
      }, {
          "name": "Marge",
              "email": "marge@simpsons.com",
              "phone": "555-222-1254"
      }]
  });
  
  Ext.create('Ext.grid.Panel', {
      title: 'Simpsons',
      store: Ext.data.StoreManager.lookup('simpsonsStore'),
      columns: [{
          header: 'Name',
          dataIndex: 'name',
          editor: {
           xtype: 'textarea',
           allowBlank: false,
           height:100
          }
      }, {
          header: 'Email',
          dataIndex: 'email',
          flex: 1,
          editor: {
              xtype: 'textarea',
              allowBlank: false
          }
      }, {
          header: 'Phone',
          dataIndex: 'phone'
      }],
      selType: 'rowmodel',
      plugins: [
      Ext.create('Ext.grid.plugin.RowEditing', {
          clicksToEdit: 1
      })],
      height: 200,
      width: 400,
      renderTo: Ext.getBody()
  });
  });
  </code></pre>
  
  <p>Is there a config fix for this, or an existing plugin?</p>
  
  <p>Failing that, what's the best approach to create a textarea that spills out of the row on focus? </p>
  
  <ul>
  <li>Extend textarea?</li>
  <li>Extend RowEditing plugin?</li>
  <li>CSS?</li>
  </ul>