Skip to content

Commit 725c131

Browse files
committed
fix(web): enable miniapp detail scrolling
1 parent 49d236c commit 725c131

2 files changed

Lines changed: 4 additions & 1 deletion

File tree

‎src/web-ui/src/app/components/GalleryLayout/GalleryDetailModal.presentation.test.ts‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -28,6 +28,8 @@ describe('GalleryDetailModal presentation contract', () => {
2828
expect(styles).toContain('container-name: gallery-detail-modal;');
2929
expect(styles).not.toContain('width: min(900px, 100%);');
3030
expect(styles).toContain('height: min(540px, calc(100vh - 48px));');
31+
expect(styles).toContain('overflow-y: auto;');
32+
expect(styles).toContain('overscroll-behavior: contain;');
3133
expect(styles).toContain('@container gallery-detail-modal (max-width: 360px)');
3234
expect(styles).not.toContain('@media (max-width: 720px)');
3335
});

‎src/web-ui/src/app/components/GalleryLayout/GalleryDetailModal.scss‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -193,7 +193,8 @@
193193
.gallery-detail-modal__content {
194194
flex: 1 1 auto;
195195
min-height: 0;
196-
overflow: hidden;
196+
overflow-y: auto;
197+
overscroll-behavior: contain;
197198
}
198199
}
199200

0 commit comments

Comments
 (0)