From f050b27a149f18a06f08e073cf6c98dd2da10c83 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E3=82=A2=E3=83=AC=E3=82=AF=E3=82=B5=E3=83=B3=E3=83=80?= =?UTF-8?q?=E3=83=BC=2Eeth?= Date: Sun, 3 Mar 2024 12:47:23 +0900 Subject: [PATCH] fix: scrolling on ios --- static/code/css/ubq.css | 1 + .../devpool-directory-spread/devpool-directory-spread.ts | 9 +++++++++ 2 files changed, 10 insertions(+) diff --git a/static/code/css/ubq.css b/static/code/css/ubq.css index 421fc30..59c237b 100644 --- a/static/code/css/ubq.css +++ b/static/code/css/ubq.css @@ -1175,6 +1175,7 @@ div#down-arrow-wrapper { /* height: 100%; */ /* top: 0; */ transform: translateY(-50%); + -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border: 1px solid #202020; border-width: 1px 0; diff --git a/static/code/js/devpool-directory-spread/devpool-directory-spread.ts b/static/code/js/devpool-directory-spread/devpool-directory-spread.ts index 94fc9e5..a6d28d5 100644 --- a/static/code/js/devpool-directory-spread/devpool-directory-spread.ts +++ b/static/code/js/devpool-directory-spread/devpool-directory-spread.ts @@ -4,6 +4,7 @@ export function devPoolSpread() { document.addEventListener("DOMContentLoaded", () => { const iframe = document.querySelector("#DevPool iframe") as HTMLIFrameElement; if (!iframe) throw new Error("No iframe element"); + const observer = new IntersectionObserver((entries) => { if (entries[0].isIntersecting) { if (!iframe) throw new Error("No iframe element"); @@ -12,6 +13,14 @@ export function devPoolSpread() { } }, {}); observer.observe(iframe); + + iframe.addEventListener( + "touchmove", + (e) => { + e.preventDefault(); + }, + { passive: false } + ); }); fetchTotalRewards()