[colReorder] warning Added non-passive event listener to a scroll-blocking #487

Activity

1. lenamtl

   changed the title [-][colReorder] warning [/-] [+][colReorder] warning Added non-passive event listener to a scroll-blocking[/+] on Aug 14, 2020
2. colin0117 commented on Aug 15, 2020

   

   colin0117

   on Aug 15, 2020

   Contributor

   More actions

   also here: https://datatables.net/forums/discussion/63794/colreorder-warning-added-non-passive-event-listener-to-a-scroll-blocking#latest
3. DataTables

   closed this as completedon Aug 15, 2020
4. lenamtl commented on Aug 16, 2020

   

   lenamtl

   on Aug 16, 2020

   Author

   More actions

   Hi, to see the warning just go to https://datatables.net/extensions/colreorder/examples/initialisation/simple.html
   and open Chrome dev tool right click inspect tehn check console tab.

   This should be fixed as Chrome staring to turn these warning to error in some case.
5. lenamtl commented on Aug 24, 2020

   

   lenamtl

   on Aug 24, 2020

   Author

   More actions

   This should be reopen to make sure this get fixed
6. DataTables

   reopened this on Aug 24, 2020
8. lenamtl commented on Apr 29, 2022

   

   lenamtl

   on Apr 29, 2022

   Last edited by lenamtl

   Author

   More actions

   This issue is still present

   Here is my actual solution, I placed this code completey at the end of the page after Datatables

   if (typeof EventTarget !== "undefined") {
   	let func = EventTarget.prototype.addEventListener;
   	EventTarget.prototype.addEventListener = function (type, fn, capture) {
   		this.func = func;
   		if(typeof capture !== "boolean"){
   			capture = capture || {};
   			capture.passive = false;
   		}
   		this.func(type, fn, capture);
   	};
   };  
   
9. AllanJard commented on Apr 30, 2022

   

   AllanJard

   on Apr 30, 2022

   Contributor

   More actions

   That looks like it would make all non capture events passive on the page? I wouldn't feel comfortable putting that into the library.

   Part of the issue is that there isn't yet a jQuery way of assigning a passive event listener. We'll probably just need to restrict our browser support and use the event natively.