How to avoid horizontal mouse scrolling for tab panel overflow?

Question

I need to disable mouse scroll horizontal scrolling while hovering tab panel title text.

If you hover tab title and try mouse scroll, it start scrolling horizontal way.Its OK for tapping left and right navigation arrow to scroll. How can avoid this horizontal scrolling which is happening my mouse scroll ? Please find fiddle for same.

Note - Look like this scrolling happen with Google chrome browser only.

ExtJS Tab panel Fiddle

Answer 1

Like Evan said, set the wheelIncrement to 0. If you want to add that to a specific panel, add it with a listener:

listeners: {
    boxready: function(panel) {
        var layout = panel.tabBar.getLayout();

        layout.overflowHandler.wheelIncrement = 0;
    }
}