From 6d5110b651995c93ff8db1ced66dc25d58e47c84 Mon Sep 17 00:00:00 2001
From: Harlan Wilton <harlan@harlanzw.com>
Date: Tue, 6 Oct 2026 00:19:36 +1100
Subject: [PATCH] fix(home): let touch swipes on the trending rail scroll the
 page

The hero rail scrolled under touch and its overscroll containment kept the page still, so a swipe that started on it went nowhere on phones.
---
 app/components/SkillSourceList.vue | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/app/components/SkillSourceList.vue b/app/components/SkillSourceList.vue
index a256259b..a8fcf713 100644
--- a/app/components/SkillSourceList.vue
+++ b/app/components/SkillSourceList.vue
@@ -218,6 +218,16 @@ function sourcePath(item: SkillSourceItem): string {
   -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 8%, black 92%, transparent 100%);
 }
 
+/* A swipe that starts on the stream must scroll the page. Touch scrolled the
+   stream instead, and `contain` kept the page still. `hidden` still lets the
+   auto scroll set `scrollTop`. */
+@media (pointer: coarse) {
+  .skill-source-stream {
+    overflow-y: hidden;
+    overscroll-behavior-block: auto;
+  }
+}
+
 .skill-source-stream:focus-visible {
   outline: 2px solid var(--ui-primary);
   outline-offset: 2px;