Event Listener Violation

Once integrated the ng5-slider I’m getting a lot of event listener violation messages within Chrome console .

zone.js:1666 [Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952

The slider is used like this:

<ng5-slider [value]="port.speed" [options]="defaultOptions" (userChangeEnd)="onSpeedChange($event,port)"></ng5-slider>


defaultOptions: Options = {
    floor: 0,
    ceil: 255,
    step: 1,
    noSwitching: true
  };

Is this expected behavior?

[piotrdz]

Closing as fixed with v1.1.6 release.

[piotrdz]

@fi3te: Thanks, I finally figured it out. I had my Chrome Developer Tools console filter set to Default all this time. Once I changed it to All Levels, this showed me the warnings about event listener violation.

I researched the topic a little more and I found a relatively easy solution to use passive event listeners, if the browser supports them. This prevents these warnings from showing up and it should also improve scrolling performance on mobile devices.