diff --git a/vue/src/assets/base.css b/vue/src/assets/base.css index 12fe2fd..74d7b13 100644 --- a/vue/src/assets/base.css +++ b/vue/src/assets/base.css @@ -81,6 +81,12 @@ body { wider than the visible content area (scrollbar) and would otherwise introduce a horizontal scrollbar. */ overflow-x: hidden; + /* Without this, a horizontal touch drag on content with nothing left to + scroll (true here, given overflow-x: hidden above) is claimed by + Chrome-on-Android's native swipe-to-go-back/forward gesture before our + own touchend listener (article-view swipe navigation) ever sees it — + the gesture is silently swallowed with no error, no touchend fires. */ + overscroll-behavior-x: contain; color: var(--color-text); background: var(--color-background); transition: color 0.5s, background-color 0.5s; diff --git a/vue/src/components/RssFeeds.vue b/vue/src/components/RssFeeds.vue index 1821b22..db275b1 100644 --- a/vue/src/components/RssFeeds.vue +++ b/vue/src/components/RssFeeds.vue @@ -367,7 +367,6 @@ onMounted(async () => { align-items: center; padding-top: 1em; padding-bottom: 5rem; - overflow-x: hidden; } .article-feature {