'Unable to preventDefault inside passive event listener invocation.' Console Error When Hooking into Lifecycle Methods

[dmaroso-movi]

When hooking into any of the available onDestroy(), onDestroyStarted(), etc. An Unable to preventDefault inside passive event listener invocation. is thrown in the console. If my reading is correct this is because the code is calling preventDefault() on incoming events which is causing this error to be thrown when the event is passive.

Potential Fixes Ive found:

• Filter out the passive events in the onDriverClick() function call
• Add { passive: false } to the event listener responsible for firing onDriverClick()

• Note I am seeing this an Angular 12 project so it might be and angular interaction issue. I currently have a workaround by removing the buttons' css classes and manually adding event listeners which call moveNext() etc.