Skip to content

Commit 0c42c54

Browse files
fix(Tile): fix scroll issues in safari (#8120)
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
1 parent 56a7709 commit 0c42c54

File tree

1 file changed

+9
-0
lines changed

1 file changed

+9
-0
lines changed

packages/components/src/components/tile/_tile.scss

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -188,6 +188,15 @@
188188
opacity: 1;
189189
transition: opacity $duration--fast-02 motion(standard, productive),
190190
visibility $duration--fast-02 motion(standard, productive);
191+
192+
// Safari-only media query
193+
// Fixes an issue with scrolling
194+
// and absolutely positioned elements (#8119)
195+
@media not all and (min-resolution: 0.001dpcm) {
196+
@supports (-webkit-appearance: none) and (stroke-color: transparent) {
197+
overflow-y: auto;
198+
}
199+
}
191200
}
192201
}
193202

0 commit comments

Comments
 (0)