Want to disable blocking mousewheel / wheel event listeners

Page layout & navigation
1

Hi,

I have a problem using the popup component. (https://mobiscroll.com/component/popup)
Inside this component I have a custom list.
The list should be scrollable but, there is an element deep down in mobiscroll somewhere which has a blocking mousewheel event listener.
This is how I find it, but specific to my application

div = document.querySelector('div.mbsc-fr.mbsc-mobiscroll.mbsc-fr-bubble.kk-popup.mbsc-wdg.mbsc-fr-pointer.mbsc-no-touch.mbsc-fr-nobtn')

Problem
I want to mousescroll my custom popup list, but mobiscroll is blocking mousewheel events.

Questions
Is the blocking intended behaviour?
Is it possible to turn off?

GIF

myproblem
myproblem1696×840 638 KB

2

Hi there,

Yes, this is intended behavior, applied to all modal popups, and the purpose is to block the page scroll while the popup is opened. As a side effect this will block the scroll inside the popup as well.
At the moment the solution would be to use the scrollLock setting, pass the scrollLock: false initialization option to prevent this behavior.
(In case you’re wondering if you missed it, this was just added to the docs).

I hope this helps!

3

Cheers! scrollLock: false solved my problem.