[CLOSED][3.x] MultiSelect problem in IE7

[pludikhu]

What's so wrong with this that it doesn't work in IE 7 or IE8 compat and does in IE6, IE8 and other browsers like FF, Safari and Opera?
Problem: when selecting, nothing seems to happen, already selected item is unselected but selecting new items, either one or several, don't highlight and on change event is not fired.


var fld = new Ext.ux.form.MultiSelect({
allowBlank:false,
autoHeight: true,
displayField:'descr',
emptyText:'Select...',
mode: 'local',
selectOnFocus:true,
store: new Ext.data.ArrayStore({
fields: ['id', 'descr'],
data : [[1,'Descr 1'],[2,'Descr 2'],[3,'Descr 3']]
}),
tabIndex: 2,
triggerAction: 'all',
valueField: 'id',
value: 1,
width:'100%'
});
fld.on({
change: function(combo, record, index){
Ext.Ajax.request({
url: rvUrl,
params: { kledij: combo.getValue() },
success: successFn,
failure: failureFn
});
}
});

fld.render('mycombo');

I correctly referenced MultiSelect.js en .css, just like in the multiselect-demo.html example.

Must have forgotten something but ...
Any suggestion/help greatly appreciated!

Patrick

[pludikhu]

Believe it or not, it was a css issue.

I had some style:

html { padding: 10px}

Changed that to:

body{ padding: 10px}

I figured out that it also worked in IE7 in QuirksMode which made me look in that direction by process of elimination.

If there would be a kind soul who could explain it, then maybe I'd finally know what I've been doing :">

Thanks to all those who read the thread.

Patrick