Lock drag event in different directions then slider is set for

[gregoryfikator]

Hello,
I am working over an Angular (v7) application targeted for mobile devices and I discovered probably unwanted behavior of your slider.

Assuming you have scrollable page in browser containing your slider if you start to drag horizontal slider by moving to the left or right and then you will try to drag up or down it works ok but when you start to drag up or bottom then left or right and you will combine all directions you can scroll whole page. Any information about resolving this problem will be apprecieated.

Settings for slider, I used:

  temperatureSliderOptions: Options = {
    floor: 18,
    ceil: 25,
    step: 0.5,
    tickStep: 1,
    animate: false,
    showTicks: true,
    showTicksValues: false,
    keyboardSupport: false,
    hideLimitLabels: true,
    onlyBindHandles: true,
    getLegend: (value: number): string => {
      return value.toString();
    },
  };