HighCharts – Can’t scroll page when cursor is on column chart

I’m using highcharts-react-official version 3.0.0 and highcharts version 8.1.2 in my web application.

My problem is that the user can’t scroll the page, using the mouse wheel, when the mouse cursor is positioned on a column chart. My page is full of charts, so in order to scroll, the user has to be careful to put the mouse cursor somewhere on the page where there isn’t a chart.

Can I fix this somehow? I want the user to be able to scroll everywhere on the page.

I tried stuff like chart.scrollablePlotArea and followTouchMove: false. Didn’t work.

Answer

I found out myself why it’s not working. onmousewheel event is handled, in which event.preventDefault() and event.stopPropagation() are called.