OpenSource/misskey
OpenSource/misskey
1
0
Fork 0
mirror of https://github.com/misskey-dev/misskey.git synced 2025-04-27 02:16:31 +02:00
Code Issues Projects Releases Packages Wiki Activity

perf(frontend): avoid main thread scroll repaint

Browse source
This commit is contained in:
syuilo 2025-03-28 16:34:21 +09:00
parent 811077ca66
commit 18355a0838
3 changed files with 10 additions and 2 deletions
packages/frontend/src
style.scss
ui
deck.vueuniversal.vue

8
packages/frontend/src/style.scss
View file

@ -178,6 +178,14 @@ rt {
overflow: clip;
overflow-y: scroll;
overscroll-behavior: contain;
/*
理屈は知らないけど、ここでbackgroundを設定しておかないと
スクロールコンテナーが少なくともChromeにおいて
main thread scrolling になってしまい、パフォーマンスが(多分)落ちる。
backgroundが透明だと裏側を描画しないといけなくなるとかそういう理由かもしれない
*/
background: var(--MI_THEME-bg);
}
._pageScrollableReversed {

2
packages/frontend/src/ui/deck.vue
View file

@ -233,7 +233,7 @@ body {
}
body {
/* NOTE: htmlにも overflow: clip を設定したいところだが、設定すると何故か少なくともChromeでhtmlがmain thread scroll repaint扱いになりパフォーマンスが(多分)落ちる */
/* NOTE: htmlにも overflow: clip を設定したいところだが、設定すると何故か少なくともChromeで html が main thread scrolling になりパフォーマンスが(多分)落ちる */
overflow: clip;
}

2
packages/frontend/src/ui/universal.vue
View file

@ -223,7 +223,7 @@ body {
}
body {
/* NOTE: htmlにも overflow: clip を設定したいところだが、設定すると何故か少なくともChromeでhtmlがmain thread scroll repaint扱いになりパフォーマンスが(多分)落ちる */
/* NOTE: htmlにも overflow: clip を設定したいところだが、設定すると何故か少なくともChromeで html が main thread scrolling になりパフォーマンスが(多分)落ちる */
overflow: clip;
}