RadComboBox List not moves when mouseweel is scrolling

[Chris Kronenthal]

Need solution:
Click on RadComboBox and scroll mouse weel - List Box opens and remains open on top of screen as the screen scrolls underneath.
Please help!

[Princy]

Hello Chris,


At present, the issue is not happening for me. But you can try teh following work-around in your case and see whether it suits your need.

Client code:

<script type="text/javascript">
    window.onscroll = function onPagescroll() {
        var combo = $find('<%=  RadComboBox1.ClientID %>');
        combo.hideDropDown();
    };
 </script>

Thanks,
Princy.

[Chris Kronenthal]

Princy,

Try to put the combo on RadPane. Just make sure that your Pane have vertical scroll bar and you have some other content on the pane that it needed to be scrolled to see it...

[Cori]

Hello Chris,

If you adjust Princy's solution to something like this, then it will hide the drop-down box:

<telerik:RadPanelBar ID="RadPanelBar1" runat="server" ExpandMode="FullExpandedItem"
        Height="100px">
        <Items>
            <telerik:RadPanelItem Text="RadPanelItem1" Expanded="true">
                <ContentTemplate>
                    <telerik:RadComboBox ID="RadComboBox1" runat="server">
                        <Items>
                            <telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem1" Value="RadComboBoxItem1" />
                            <telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem2" Value="RadComboBoxItem2" />
                            <telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem3" Value="RadComboBoxItem3" />
                            <telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem4" Value="RadComboBoxItem4" />
                            <telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem5" Value="RadComboBoxItem5" />
                            <telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem6" Value="RadComboBoxItem6" />
                        </Items>
                    </telerik:RadComboBox>
                    <div>
                        Some Text
                        <br />
                        Some More Text
                    </div>
                    <div>
                        More Text
                        <br />
                        Even More Text
                    </div>
                </ContentTemplate>
            </telerik:RadPanelItem>
        </Items>
    </telerik:RadPanelBar>

    <script type="text/javascript">
        Sys.Application.add_load(HandleScrollBar);

        function HandleScrollBar() {
            $telerik.$($find("<%=RadPanelBar1.ClientID %>").get_items().getItem(0).get_element()).find(".rpSlide").scroll( function() {
                var combo = $find("<%=RadComboBox1.ClientID %>");
                combo.hideDropDown();
            });

            Sys.Application.remove_load(HandleScrollBar);
        }
    </script>

So all it does is access the first panel item's content area and attaches the scroll event and hides the drop-down box.