Mousewheel Scrolling Stops Working Within Deeply Nested Elements

Mousewheel scrolling stops working when the mouse is within a 10th level or deeper nested element.

Demo:

Anyone know a workaround to fix this?

1 Like

I found a solution to this by editing the getParentOrSelfWithClass function in the ionic.js file. I changed this line:

depth = depth || 10;

To this:

depth = depth || 20;

A depth check of 20 should be enough for my site, but when it was only 10 I wan’t able to scroll when hovered over some elements.