can not scroll down and up with finger in event container on mobile

Describe the bug

Minimal reproduction of the problem with instructions

Screenshots

Versions

• @angular/core:
• angular-calendar:
• Browser name and version:

[mattlewis92]

This is caused by hammerjs as it adds touch-action: none to all clickable areas which prevents scrolling. If you add this to your apps global css it should fix it:

mwl-calendar-month-cell,
mwl-calendar-day-view-hour-segment, 
mwl-calendar-week-view-hour-segment {
  touch-action: auto !important;
}

Hope that helps! 😄

[wendlandreas]

I found a working solution using this approach. Instead of

if (element.attributes['data-mc-options']) {
  try {
    let parseOptions = JSON.parse(element.attributes['data-mc-options'].nodeValue);
    options = parseOptions;
  } catch(err) {
    console.error('An error occurred when attempting to parse Hammer.js options: ', err);
  }
}

I use

if (element.localName === 'mwl-calendar-month-cell') {
    try {
    let parseOptions = { "touchAction": "pan-y" };
    options = parseOptions;
    } catch (err) {
    console.error('An error occurred when attempting to parse Hammer.js options: ', err);
   }
}

I am using month view only, so for week/day view you have to add the condition respectively. Not pretty but it works.