diff options
| author | syuilo <4439005+syuilo@users.noreply.github.com> | 2025-04-03 14:32:42 +0900 |
|---|---|---|
| committer | syuilo <4439005+syuilo@users.noreply.github.com> | 2025-04-03 14:32:42 +0900 |
| commit | 7cecaa5c54797b6b089b2e58a8f7bd08540f3eac (patch) | |
| tree | fdcfa49a288deb333d75fddd002397e5b70efccc | |
| parent | 🎨 (diff) | |
| download | sharkey-7cecaa5c54797b6b089b2e58a8f7bd08540f3eac.tar.gz sharkey-7cecaa5c54797b6b089b2e58a8f7bd08540f3eac.tar.bz2 sharkey-7cecaa5c54797b6b089b2e58a8f7bd08540f3eac.zip | |
perf(frontend): avoid main thread scroll repaint
| -rw-r--r-- | packages/frontend/src/components/MkContainer.vue | 8 |
1 files changed, 8 insertions, 0 deletions
diff --git a/packages/frontend/src/components/MkContainer.vue b/packages/frontend/src/components/MkContainer.vue index 39ca39aad7..29165d7b71 100644 --- a/packages/frontend/src/components/MkContainer.vue +++ b/packages/frontend/src/components/MkContainer.vue @@ -215,6 +215,14 @@ onUnmounted(() => { .content { --MI-stickyTop: 0px; + /* + 理屈は知らないけど、ここでbackgroundを設定しておかないと + スクロールコンテナーが少なくともChromeにおいて + main thread scrolling になってしまい、パフォーマンスが(多分)落ちる。 + backgroundが透明だと裏側を描画しないといけなくなるとかそういう理由かもしれない + */ + background: var(--MI_THEME-panel); + &.omitted { position: relative; max-height: var(--maxHeight); |