Skip to content

Commit dc8d84a

Browse files
authored
fix(home): let touch swipes on the trending rail scroll the page (#424)
1 parent 389db91 commit dc8d84a

1 file changed

Lines changed: 10 additions & 0 deletions

File tree

‎app/components/SkillSourceList.vue‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -218,6 +218,16 @@ function sourcePath(item: SkillSourceItem): string {
218218
-webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 8%, black 92%, transparent 100%);
219219
}
220220
221+
/* A swipe that starts on the stream must scroll the page. Touch scrolled the
222+
stream instead, and `contain` kept the page still. `hidden` still lets the
223+
auto scroll set `scrollTop`. */
224+
@media (pointer: coarse) {
225+
.skill-source-stream {
226+
overflow-y: hidden;
227+
overscroll-behavior-block: auto;
228+
}
229+
}
230+
221231
.skill-source-stream:focus-visible {
222232
outline: 2px solid var(--ui-primary);
223233
outline-offset: 2px;

0 commit comments

Comments
 (0)