usbharu
/
misskey
mirror of https://github.com/misskey-dev/misskey.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

perf(frontend): avoid main thread scroll repaint

This commit is contained in:
syuilo 2025-03-28 15:26:15 +09:00
parent 1c26dae39f
commit 811077ca66
2 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/frontend/src/ui/deck.vue
View File

@ -226,13 +226,17 @@ html,
body { body {
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow: clip;
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
overscroll-behavior: none; overscroll-behavior: none;
} }
body {
/* NOTE: htmlにも overflow: clip を設定したいところだが、設定すると何故か少なくともChromeでhtmlがmain thread scroll repaint扱いになりパフォーマンスが(多分)落ちる */
overflow: clip;
}
#misskey_app { #misskey_app {
width: 100%; width: 100%;
height: 100%; height: 100%;

6
packages/frontend/src/ui/universal.vue
View File

@ -216,13 +216,17 @@ html,
body { body {
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow: clip;
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
overscroll-behavior: none; overscroll-behavior: none;
} }
body {
/* NOTE: htmlにも overflow: clip を設定したいところだが、設定すると何故か少なくともChromeでhtmlがmain thread scroll repaint扱いになりパフォーマンスが(多分)落ちる */
overflow: clip;
}
#misskey_app { #misskey_app {
width: 100%; width: 100%;
height: 100%; height: 100%;