[Solved] Combox box with overflow div issue

[Britto]

If you have the telerik combo box in a div that has its overflow set to auto or scroll, and you open the combo-box to see the items and scroll the div, then the combo box is seperated from the drop down item.

See the attched screenshot images and the zip file of the project.

To reproduce the issue in the attached project, follow these steps

• unzip the project zip file
• run it and go to the detail tab on the home page
• click on the drop down box to expand to see the items
• now move the mouse cusrsor out of the combo box and to the div
• scroll the mouse down
• you will see that the drop down items gets seperated from the combo box

 

I had the same issue with the numeric text box and one of the forum solution suggested that I put a poistion:relative on the div or the tab. I did that and that fixed the issue with the numeric text box. but the issue with the drop down box is still not resolved. Any help to fix this issue will be appreciated.

thank
britto

[Georgi Krustev]

Hello Britto,

 
I will suggest you close the popup element on scroll of the window:

$(window).bind("scroll", function() {
    $("combobox").data("tComboBox").close();
});

Greetings,
Georgi Krustev
the Telerik team

[Britto]

Closing the drop down during scroll is an acceptable solution in my use case. I have implemented your solution and it works as expected. Thanks very much.