From c80c0e8d250b43d99cfa796179a716499897ff02 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ilyas=20St=C3=A9phane=20T=C3=BCrkben?= Date: Mon, 27 May 2024 14:51:51 +0200 Subject: [PATCH] improve modal scroll --- creativecloud/deps/merch-sidenav.js | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/creativecloud/deps/merch-sidenav.js b/creativecloud/deps/merch-sidenav.js index 0976f8c9d..27b23f718 100644 --- a/creativecloud/deps/merch-sidenav.js +++ b/creativecloud/deps/merch-sidenav.js @@ -1,4 +1,4 @@ -// branch: catalog-regressions-4 commit: d3bd85e73193a2d92ab306f9363c2a2cb2f0a003 Mon, 27 May 2024 12:30:54 GMT +// branch: catalog-regressions-4 commit: d3bd85e73193a2d92ab306f9363c2a2cb2f0a003 Mon, 27 May 2024 12:51:11 GMT // src/sidenav/merch-sidenav.js import { html as html4, css as css5, LitElement as LitElement4 } from "/libs/deps/lit-all.min.js"; @@ -382,6 +382,9 @@ var SPECTRUM_MOBILE_LANDSCAPE = "(max-width: 700px)"; var TABLET_DOWN = "(max-width: 1199px)"; // src/sidenav/merch-sidenav.js +function preventDefault(e) { + e.preventDefault(); +} var MerchSideNav = class extends LitElement4 { static properties = { title: { type: String }, @@ -509,11 +512,15 @@ var MerchSideNav = class extends LitElement4 { overlay.addEventListener("close", () => { document.documentElement.style.overflow = "initial"; document.documentElement.style.scrollbarGutter = "initial"; + document.body.removeEventListener("touchmove", preventDefault); this.modal = false; }); this.shadowRoot.querySelector("sp-theme").append(overlay); document.documentElement.style.overflow = "clip"; document.documentElement.style.scrollbarGutter = "stable"; + document.body.addEventListener("touchmove", preventDefault, { + passive: false + }); }); } updated() {