diff --git a/packages/frontend/src/ui/_common_/navbar.vue b/packages/frontend/src/ui/_common_/navbar.vue index 2daff868a9..b9bce4d74d 100644 --- a/packages/frontend/src/ui/_common_/navbar.vue +++ b/packages/frontend/src/ui/_common_/navbar.vue @@ -118,6 +118,7 @@ function more(ev: MouseEvent) { box-sizing: border-box; overflow: auto; overflow-x: clip; + overscroll-behavior: contain; background: var(--navBg); contain: strict; display: flex; diff --git a/packages/frontend/src/ui/deck.vue b/packages/frontend/src/ui/deck.vue index 51cb803397..c828731773 100644 --- a/packages/frontend/src/ui/deck.vue +++ b/packages/frontend/src/ui/deck.vue @@ -306,6 +306,7 @@ async function deleteProfile() { display: flex; overflow-x: auto; overflow-y: clip; + overscroll-behavior: contain; background: var(--deckBg); &.center { diff --git a/packages/frontend/src/ui/deck/column.vue b/packages/frontend/src/ui/deck/column.vue index 2c75577ba4..d95f826f20 100644 --- a/packages/frontend/src/ui/deck/column.vue +++ b/packages/frontend/src/ui/deck/column.vue @@ -387,9 +387,8 @@ function onDrop(ev) { .body { height: calc(100% - var(--deckColumnHeaderHeight)); overflow-y: auto; - overflow-x: hidden; // Safari does not supports clip overflow-x: clip; - -webkit-overflow-scrolling: touch; + overscroll-behavior-y: contain; box-sizing: border-box; container-type: size; background-color: var(--bg); diff --git a/packages/frontend/src/ui/universal.vue b/packages/frontend/src/ui/universal.vue index 0f7b5ad90a..3e06522b69 100644 --- a/packages/frontend/src/ui/universal.vue +++ b/packages/frontend/src/ui/universal.vue @@ -278,6 +278,7 @@ $widgets-hide-threshold: 1090px; min-width: 0; overflow: auto; overflow-y: scroll; + overscroll-behavior: contain; background: var(--bg); }