RadCombobox sticking on page issue solved

Recently, I was working with Telerik Ajax Rad controls on a sharepoint site and I faced an issue that on a long page with scroll bar when we open the combobox and scroll the page using mouse scroll wheel, the dropdown list sticks on the position and move out of its position.
It looks something like -

After trying all CSS and other tricks I came to solve it by using onScroll event of DOM. Below simple code can work for you if your scroll bar is on mail window of browser.

    <script type="text/javascript"> 

        $(document).ready(function () {

            $(window).scroll(function () {

                var comboBox = $find("RadComboBox1");

                comboBox.hideDropDown();

            });

        });

    </script>

But I ran into another issue as above code wasn’t working in my case, then soon I realized that scroll bar wasn’t on window but It was on the content Div in sharepoint site.

so I change the event of scroll from window to the div -

<script type="text/javascript>

$(document).ready(function () {

    $("#div-content").scroll(function () {

        var comboBox = $find("RadComboBox1");

        comboBox.hideDropDown();

    });

});

</script>

and it works like charm. So I came to share if it could help you getting out of the trouble.