PDA

View Full Version : Extjs 4.2.1 Invisible dropdown menu background on combobox



Khandrish
21 Oct 2013, 1:21 PM
Hey all,

I've got a toolbar with a first child that is a combobox:


Ext.define('DS.view.gateway.inventory.Toolbar', {
extend: 'Ext.toolbar.Toolbar',
alias: 'widget.gatewayInventoryToolbar',

itemId: 'GatewayInventoryToolbar',
items: [
{
xtype: 'combobox',
store: 'Sources',
queryMode: 'local',
;displayField: 'name',
valueField: 'id'
},
...
]
});

Now I load the store manually and the data linked to the combobox gets updated correctly (I call bindStore), in that I can click on the combobox and the menu will drop down with the appropriate selections. Store and model are below, along with the bindStore call



Ext.define('DS.store.Sources', {
extend: 'Ext.data.Store',
requires: [
'DS.model.Source'
],
model: 'DS.model.Source',
storeId: 'Sources',
autoLoad: false
});

Ext.define('DS.model.Source', {
extend: 'Ext.data.Model',
fields: [
{
name: 'id',
type: 'int'
},
{
name: 'name',
type: 'string'
},
{
name: 'sku_code',
type: 'string'
},
{
name: 'domain',
type: 'string'
}
],

...
});

var store = Ext.StoreManager.lookup('Sources');
store.load(function(){
var sources = Ext.ComponentQuery.query('#Gateway #Inventory toolbar #Sources')[0];
sources.bindStore(store);
});



The problem, however, is that there is no white background for the dropdown menu, it's invisible. The menu is obviously there, not only due to the options being displayed, because the elements sitting behind the displayed options don't react to being moused over. I don't have any special sass variables changed or anything out of the ordinary set.

Has anyone seen any similar behavior?

scottmartin
24 Oct 2013, 6:58 AM
Please send a working test case and an image of the issue that you are seeing.

You can use our fiddle:
https://fiddle.sencha.com/#home

Scott.