Touchstart event listener causing console warning about scroll-blocking

[methoil]

I am working on a project that is using this library, and I am seeing this warning in the console for each instance of the Drag component. I don't notice any problems with scrolling on the page but I was wondering if it could be causing some performance issues. I actually see this warning in the demo page as well so is it expected? I don't see any way to mark the event as passive via the component interface.

vue-easy-dnd.esm.js:746 [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

[Gap6769]

Hey I have the same issue, any updates on this?

[nicholaszuccarelli]

I haven't had this warning pop up for me. If possible could one of you guys please add a replication link and browser details?
I'll try take a look at this next week.

[matthew-dean]

Any event listener that listens to events and does not prevent the event from actually firing (such as scroll listeners) should always be added with { passive: true }. See: https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener

[andreclemente]

this.$el.addEventListener('mousedown', this.onMouseDown, { passive: true }); this.$el.addEventListener('touchstart', this.onMouseDown, { passive: true });

I can confirm that adding { passive: true } fixes this warning.