Dropdownbox scroll bar closes the dialog box

Question

All,
I have a dialog box and a matrix layout with some controls inside of it.
I have set autoClose = true in the dialog box so that if I click away I would close it
my matrix layout has a dropdownbox. if I click on the scroll bar, then it closes my dialog box. if I use the mouse wheel, it stays open. is this a bug or is there a work around to this? this happens every time I click on the vertical scroll bar
Similarly, if I have a date picker and I click on the datepicker to open the calendar, then the dialog closes. this event only closes the dialog the first time. if I open the dialog and click on the date picker then it works fine.
any feedback is appreciated.
thanks
Sergio

Answer 1

Hi Sergio,
It could be that the the Dialog somehow interprets the click event to happen outside the Dialog and thus closes it. Try to bind event listener to controls in the Dialog and then in that event handler call evt.stopImmediatePropagation() and evt.preventDefault(). Example:
"datePicker".bind("click", jQuery.proxy(function(event) {
     event.stopImmediatePropagation();
     event.preventDefault();
}, this));
I think I could reproduce your problem with DatePicker in Firefox but not in Chrome. With Dropdown I couldn't reproduce it. Here's a jsbin explaining it:
JS Bin - Collaborative JavaScript Debugging</title>  <link rel="icon" href="http://static.jsbin.…
Regards,
Kimmo
Message was edited by: Kimmo Jokinen