title: ExtJS ComboBox dropdown width wider than input box width?
body: <p>Is there any way to set the width of an ExtJS (version 4) ComboBox's dropdown menu to be wider than that of the actual input box? </p>
  
  <p>I have a comboxbox that i want to be around 200px but I have paging on the results dropdown and that width is not even big enough to show all the paging bar's controls.</p>
  
  <p>Here's my code to create the combo:</p>
  
  <pre><code>var add_combo = Ext.create('Ext.form.field.ComboBox', 
      {
          id              : 'gbl_add_combo',
          store           : Ext.create('Ext.data.Store',
          {
              remoteFilter : true,
              fields : ['gb_id', 'title'],
              proxy  : 
              {
                  type        : 'ajax',
                  url         : 'index.php/store/get_items',
                  reader      : 
                  {
                      type            : 'json',
                      root            : 'records',
                      totalProperty   : 'total',
                      successProperty : 'success'
                  },
                  actionMethods : 
                  {
                      read    : 'POST',
                      create  : 'POST',
                      update  : 'POST',
                      destroy : 'POST'
                  }
              }
          }),
          listConfig:
          {
              loadingText: 'Searching...',
              emptyText: 'No results found'
          },
          queryMode       : 'remote',
          hideLabel       : true,
          displayField    : 'title',
          valueField      : 'gb_id',
          typeAhead       : true,
          hideTrigger     : true,
          emptyText       : 'Start typing...',
          selectOnFocus   : true,
          width           : 225,
          minChars        : 3,
          cls             : 'header_combo',
          pageSize        : 15
      });
  </code></pre>