disabling mouse Scroll in RadMenu

[Arkadiusz]

Is there a possibility to disable mouse scrolling in radmenu?

I tried to add IsMouseWheelEnabled="False" among other properties in aspx file, but nothing changes.

                    <telerik:RadMenu ID="ActionListMenu" SkinID="Menu" OnItemDataBound="OnActionButtonDataBound" 
                        Width="100%" Flow="Horizontal" runat="server" DefaultGroupSettings-Flow="Horizontal" 
                        IsMouseWheelEnabled="False" DefaultGroupSettings-RepeatColumns="1" CssClass="ActionsBar">
                    </telerik:RadMenu>

I also found element of "rmRootScrollGroup" class name but because of my browser version I am not abled to turning it off like:

rmRootScrollGroup.onwheel = null;

Is there any other way to disabling strolling by mouse wheel?

[Rumen]

Hello Arkadiusz,

You can get a reference using jQuery to the Menu element holding the scroll and disable the mouse wheel.

If you need further help, please open a support ticket and provide a working sample.

Regards,
Rumen
Telerik by Progress

[Arkadiusz]

Thank you Rumen!

Unfortunately I can't use jQuery and I stuck in ie8.

[Rumen]

You can inspect with IE dev toolbar the scroll element and hide it with CSS with display: none. 

Note that IE8 is no longer supported as of R1 2017 - http://www.telerik.com/aspnet-ajax/tech-sheets/browser-support. 

 

Regards,
Rumen
Telerik by Progress

[Arkadiusz]

I'm afraid the mouse scrolling action is attached to rmRootScrollGroup, so after hiding or disabling it entire functionality could got crushed. rmRootScrollGroup element is the bar with buttons on it, the bar which is moving so It has to be there :(

[Arkadiusz]

The way to remove all events is to clone element and then remove original one:

var actionsBar; // element of "rmRootScrollGroup" class

var clone = actionsBar.cloneNode();

 

while (actionsBar.lastChild) {
clone.appendChild(actionsBar.firstChild);
}

actionsBar.parentNode.replaceChild(clone, actionsBar);
actionsBar = clone;