Scrollbar for thumbnail dots do not work

[milelazar]

I have image thumbnails as gallery pagination. When thumbs do not fit into screen, scrollbar appears. But I am unable to scroll with mouse wheel.

wheelToZoom for image zoom is enabled but there is no difference if disabled. Is there a way to enable scrolling for that section?.

I have tried to add a filter like this but it does not work:

lightbox.addFilter('preventPointerEvent', (preventPointerEvent, originalEvent, pointerType) => {
  if (originalEvent.target.closest('.pswp__bullets-indicator')) {
    return false;
  }
  return true;
});

Here is the example screenshot:

[cuongdaoict]

I can't use mouse for scroll content on this.

[BilouMaster]

I've had the same issue and solved it like this:

function enableScroll(e){
  let mst = e.target.scrollHeight - e.target.clientHeight;
  if (mst != 0) {
    pswp.options.wheelToZoom = false;
    e.target.scroll({
      top: e.deltaY, behavior: "smooth"
    });
    setTimeout(function() {pswp.options.wheelToZoom = true;}, 100);
  }
}

// somewhere else, with "el" as the scrollable element (just after its creation):
el.addEventListener('wheel', enableScroll);