[CLOSED] ComboBox list element style with height: 0

[apw]

Hi Guys,

we have a little problem with our combobox which does not displays any list items. We have found out that the height of the x-combo-list is just 0...The ComboBox it self is on a Ext.Panel which is at the startup not visible/collapsed.

<div class="x-layer x-combo-list " id="ext-gen297" style="position: absolute; z-index: 11000; visibility: visible; left: 132px; top: 577px; width: 183px; height: 0px; font-size: 12px;"><div class="x-combo-list-inner" id="ext-gen298" style="width: 183px;"><div class="search-item x-combo-selected"></div><div class="search-item"></div><div class="search-item"></div><div

Any idea what problem it could be? We using extjs with geoext and other js libs.

[Condor]

Did you configure the combobox with lazyInit:true (which is the default)?

[apw]

Hi,
no - but it does not solved our problem after I add it. Tested with Opera and Firefox(newest Version)


Our combobox:

test.Box = new Ext.form.ComboBox({
columnWidth: 0.50,
store: store,
valueField: 'id',
displayField: 'text',
lazyRender: true,
mode: 'local',
value: 0,
lazyInit:true ,
typeAhead: true,
triggerAction: 'all',
editable: false
});

[apw]

Hi,

EDIT: Ok you can close it. We did have found our problem. We have overwritten the JS self object.

ok the failure happen here - i got for hb NaN.

Ext.lib.Dom.getViewHeight(): undefined
Even Ext.lib.Dom.getDocumentHeight() is NaN

restrictHeight : function(){

this.getSize().height: 22
ha: 91
Ext.lib.Dom.getViewHeight(): undefined

hb = Ext.lib.Dom.getViewHeight()-ha-this.getSize().height,


ha: 91
hb: NaN
minHeight: 90
pad: 2

space = Math.max(ha, hb, this.minHeight || 0)-this.list.shadowOffset-pad-5;

maxHeight: 300
space: NaN
h: 80



...

h = Math.min(h, space, this.maxHeight);

...
}