Как исправить ошибку [Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See?

Question

[Luc1fer]

Всем доброго времени суток!
Прошу помощи, перебрал все варианты, все костыли, не работает постраничная навигация на мобильных устройствах, не реагирует на касание, опытным путем понял что проблема в подложке с id="fullpage", если ей задать z-index:16; то все работает прекрасно, вот только элементы под ней не реагируют на нажатие на них!
Вот код ошибки который выбивает консоль при попытке прокрутить страницу

[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See
template_c9d5c027add377a282dfce7e8258eb0d.js?1550317005559734:1826 [Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/features/5093566007214080

Прошу помощи, бьюсь уже добрую неделю! Заранее спасибо!

P.S Сейчас я эту подложку сделал размером в 25% и z-index: 16, временный костыль но не решение!

Answer 1

[Руслан Лопатин]

А что не понятно? Нельзя вызывать event.preventDefault() внутри пассивного обработчика. А обработчики для тач-событий пассивны по умолчанию.

Так что либо не вызывать preventDefault(), либо регистрировать обработчик как-то так:

element.addEventListener(handleEvent, { passive: false });

Подробнее здесь

Comments

[Cheizer]

Подскажите пожалуйста, а как изменить эту запись? Что бы не было этой ошибки

function f(e,t){
	window.addEventListener(e,t,!1)
	}

[Руслан Лопатин]

Ошибка не здесь. Ошибка где-то в обработчике, который передаётся в эту функцию (второй параметр)

[lucky-devil]

у меня вообще нет этой функции а выдает эту ошибку

[sinneren]

lucky-devil Роман Кузнецов, { passive: false } а не просто false или !1

Answer 2

[Ogureccc]

Приложения, использующие события Touch и отключающие обработку жестов браузером путем вызова preventDefault() должны использовать touch-action чтобы браузер знал о намерениях приложения до того, как будут вызваны какие-либо слушатели событий, так что юзай touch-action: none; и делай как сказали выше )