mousewheel scroll down doesn't work when mouse is on the grid - ui-grid angular js
<p>For my Angular js grid work, I am using ui-grid(v3.1.1) to implement the grid table. When I change the pagination size, I am having trouble to scroll down using mousewheel. When I hover over the mouse on scrollbar, then scroll up and down both are working fine. Strangely, the scroll up using mousewheel is working fine too. Its just the scroll down that doesn't seem to work. I fail to understand the reason for it. </p>

<p>I have disabled the scrolling when not required using:</p>

<pre><code>.ui-grid-render-container-body .ui-grid-viewport {
        overflow: auto !important;
    }
</code></pre>

<p>Other than this I have not changed any of the default settings. Why is it that the mousewheel scroll down won't work when hovered over ui-grid? Please help</p>