滑动事件未在 Chrome 移动模拟器和 Chrome 移动设备 Android 中传播

Question

我想在 stenciljs 中有一个侧边栏，它是一个 web 组件，其中有另一个组件。当我在其中的任何地方向左滑动时，侧边栏应该关闭。在 Chrome 桌面视图中它工作正常，在 iOS 上也是如此。但是当我在 Chrome devtools Mobile 或 Chrome in Android 上测试它时，它不再工作了。是否有解决方法可以在移动设备中再次启用传播，或者这是一个错误形式 Chrome？

因为我已经搜索过了，所以我只发现了 stopPropagation 不起作用的问题，但我想要的恰恰相反。

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

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

Answer 1

好吧，我做了更多研究，发现我的子组件已自动启用 overflow-y。这产生了效果，即 pan-y 被保留用于触摸操作并且不会引发滑动事件。我必须打开触摸操作：pan-y，这让我可以滑动和滚动。