滑动事件未在Chrome Mobile Emulator和Chrome Mobile Android中传播

Question

我想在stenciljs中有一个侧边栏，它是一个Web组件，内部有另一个组件。当我向左滑动时，侧边栏应该会关闭。在Chrome桌面视图中，它也可以在iOS上正常运行。但是，当我在Chrome devtools Mobile或Android中的Chrome上对其进行测试时，它不再起作用。是否有解决方法可以再次在移动设备中进行传播，或者这是Chrome的错误？

因为我已经搜索过，所以我只发现了stopPropagation无法正常工作的问题，但我希望完全相反。

我尝试了property-hammerjs eihter，但它对我没有任何不同。

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

Answer 1

好的，我进行了更多研究，发现我的子组件自动打开了溢出y。这样的效果是，pan-y被保留用于触摸动作，并且不会引发滑动事件。我必须打开触摸动作：pan-y，这使我可以滑动和滚动。