Событие Swipe не распространяется в Chrome Mobile Emulator и Chrome Mobile Android

Question

Я хочу иметь боковую панель в stenciljs, которая является веб-компонентом, внутри которого есть еще один компонент. Боковая панель должна закрыться, когда я проведу влево в любом месте. В настольном представлении Chrome он работает нормально и на iOS тоже. Но когда я тестирую его на Chrome devtools Mobile или Chrome на Android, он больше не работает. Есть ли обходной путь, чтобы снова включить распространение в мобильном телефоне, или это ошибка в Chrome?

Так как я уже искал, я обнаружил проблемы только там, где не работает stopPropagation, но я хочу прямо противоположное.

Я попробовал eihter для распространения, но это ничего не изменило для меня.

const sidebarHammerController = Hammer(this.sidebar);
sidebarHammerController.on("swipeleft", (e) => {
  this.toggleMenu(e);
});

Answer 1

Хорошо, я провел дополнительные исследования и обнаружил, что у моего дочернего компонента была включена функция переполнения. Это привело к тому, что pan-y был зарезервирован для сенсорных действий и не вызывал событие удара. Мне пришлось включить сенсорное действие: pan-y, что позволило мне совершать перелистывание и прокрутку.