DropdownList in jQuery UI Dialog

[vmanneParticipant]

I’m displaying dropdownlist in a jquery UI dialog which has many dropdowndivs. Once I scroll down in the dialog window and select a dropdown, select options window scrolls to the top of the dialog window.

I tried enableBrowserBoundsDetection: true, autoOpen: true but still,each time I click, the dropdown options run to the top and it is very annoying for our users.

Here’s the code snippet:

$(“#freeBreakfast”).jqxDropDownList({ dropDownHeight:50, autoOpen:true, source: sourcepoo, width: ‘100%’, height: ’25’, theme: theme, popupZIndex: 99999999943259, enableBrowserBoundsDetection: true });

Any suggestions?

[vmanneParticipant]

And these dropdownlists are inside the jqxNavigationBar

[Peter StoevKeymaster]

Hi vmanne,

Unfortunately, we do not have any suggestions for such behavior. We are not aware why the jQuery UI Dialog scrolls up/down. However, I don’t think that this is related to enableBrowserBoundsDetection, popupZIndex or something like that.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[vmanneParticipant]

Thanks Peter. What I noticed is, when I use jqxWindow, it works well, however for jquery dialog it scrolls up the top.

[Author]

Posts