combobox + autoDropDownHeight – VerticalScrollbar issue

[tijutthomasParticipant]

I want to change the value of autoDropDownHeight to false/true based on size of the item in the combobox. autoDropDownHeight is working fine except the VerticalScroll bar in the combobox.

I have a large list of item in the first place and the vertical scroll is coming – autoDropDownHeight:false, after that i have a small list of item then V scroll bar not coming as expected since autoDropDownHeight :true.
Then i changed it back to large list of item then the vertical scroll bar is not displaying only horizontal scroll bar is displayed.

Or if i have a small list in first place and then followed by large list then also vertical scroll bar is not dislaying.

I have noticed that verticalScrollBarinnerListBoxjqxWidget_____ visibility changed to hidden for small list and it is not changing from hidden to inherit when i have a large list after that.

As a workaround for this by any chance can i select only that drop down verticalScrollBar id to make visibility : inherit.

When i change the visibility to inherit for autoDropDownHeight : false using id selection “verticalScrollBarinnerListBoxjqxWidget” it is adding vertical scrollbar for other dropdowns also which doesn’t need vertical scroll bar.

Please let me know if you have any inputs for resolving this issue.

[Peter StoevKeymaster]

Hi tijutthomas,

I do not suggest you to manually set CSS properties of HTML elements inside the combobox. We will check whether there is an issue with dynamically setting autoDropDownHeight to true/false. In addition, do you use jQWidgets 3.0.3?

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[tijutthomasParticipant]

I was using JQWidgets 3.0.1 and now i tried with 3.0.3 version, in both cases it is not working.

Can you please suggest a workaround at this time?

[Peter StoevKeymaster]

Hi tijutthomas,

At present I cannot suggest you a workaround, because we have not yet reproduced that. In case you provide a sample which demonstrates the reported behavior, we would be able to at least debug your specific scenario.

Best Regards,
Peter Stoev

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

[tijutthomasParticipant]

The scenario here is i have 2 drops down one is enabled intially and second one disbaled. Once i select value in first drop down we populate the list for second drop down and makes it enable. I’m having issue in the second drop down. So based on my selection in first dropdown the list for second drop down could be small or large. After selecting value from second drop down when it has small list vertical scroll bar will not come for the same drop down when it has large list.

[Peter StoevKeymaster]

Hi tijutthomas,

Ok, How do you update the second drop down? What properties do you set? When do you set them?

Best Regards,
Peter Stoev

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

[tijutthomasParticipant]

Based on selection in first drop down an ajax call will be made and we enable the second dropdown and update the source for the jqxcombobox.

var autoDropDownHeight = (List.length>9? false:true);
$(‘.comboboxComponentSelection’).jqxComboBox({source: List, autoDropDownHeight : autoDropDownHeight });

[tijutthomasParticipant]

Issue is with only VeriticalScrollbar and i can use the up/down arrow keys to navigate to the bottom of the list in the combobox.

[Peter StoevKeymaster]

Hi tijutthomas,

I was able to replicate that when the autoDropDownHeight property was dynamically changed and added a new work item about it. The issue would be resolved for jQWidgets 3.0.4.

Best Regards,
Peter Stoev

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

[Author]

Posts