I have a number of event listeners on my page, below are an example of 2. When in debug mode in chrome I get:
[Violation] Added non-passive event listener to a scroll-blocking 'mousewheel' event. Consider marking event handler as 'passive' to make the page more responsive
on page load and every time I click on a select box.
$(function() {
$( "#mSM_colFrom" ).spinner({
step: 1, min: 0, max: obj.cols -1
});
});
$('#mSM_AvailableBins').on('change', function() {
$('#mSM_AvailableCategories').prop('selectedIndex', -1);
table.find(".state-edit-mark").removeClass("state-edit-mark");
});
What I have tried:
I have read several articles but could not fine a way to eliminate the violations that continuously are being shown.
I have tried to put a ,false at every function
$('#mSM_AvailableBins').on('change', function() {
$('#mSM_AvailableCategories').prop('selectedIndex', -1);
table.find(".state-edit-mark").removeClass("state-edit-mark");
},false);
I also tried to change the way I am declaring my onChange event listener but no luck. Can anyone help me out please? or give me a hint please?