Caixa de combinação Ext.js - problema de lista

Question

Quero criar uma aplicação onde a caixa de combinação fique parecida com a primeira imagem abaixo.Mas quando uso uma lista para o combo box ela sai parecida com a segunda imagem.A lista não é mostrada na íntegra - ela está sendo cortada.Por favor, me sugira qual propriedade usar?O código é o seguinte:

items: [{
    xtype: 'combobox',
    fieldLabel: 'Location',
    displayField: 'name',
    forceSelection: true,
    pageSize: 10,
    store: 'SalesOrderManager.store.LocationStore',
    typeAhead: true,
    valueField: 'id',
    id: 'LocationComboBox'
}]

Como deveria ser:

O que estou recebendo:

O código completo pode ser visualizado em este violino.

Answer 1

Você está falando sobre a largura do seletor?Eu acho que você quer:

matchFieldWidth: false,
listConfig: {
    width: 250
}