Browser Console Violation

[Tihomir971]

Describe the feature in detail (code, mocks, or screenshots encouraged)

It would be nice te address Violation that is showing in browser console:
"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"

What type of pull request would this be?

Enhancement

Provide relevant links or additional information.

No response

[thez333]

I encountered this problem and here is the temporary solution I found: copy this into <script lang="ts"> here ...</script>

;(function () {
const originalAddEventListener = EventTarget.prototype.addEventListener

EventTarget.prototype.addEventListener = function (
  type,
  listener,
  options,
) {
  if (type === 'touchstart') {
    if (typeof options !== 'object' || options === null) {
      options = { capture: !!options, passive: true }
    } else {
      options.passive = true
    }
  }
  originalAddEventListener.call(this, type, listener, options)
}

})()