diff --git a/package.json b/package.json index a75c818a66..60e85b40c2 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "misskey", - "version": "2025.3.2-beta.14", + "version": "2025.3.2-beta.15", "codename": "nasubi", "repository": { "type": "git", diff --git a/packages/frontend/src/style.scss b/packages/frontend/src/style.scss index f122f47c06..17080e5fbc 100644 --- a/packages/frontend/src/style.scss +++ b/packages/frontend/src/style.scss @@ -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 { diff --git a/packages/frontend/src/ui/deck.vue b/packages/frontend/src/ui/deck.vue index 65aff8455a..2d1917a346 100644 --- a/packages/frontend/src/ui/deck.vue +++ b/packages/frontend/src/ui/deck.vue @@ -226,13 +226,17 @@ html, body { width: 100%; height: 100%; - overflow: clip; position: fixed; top: 0; left: 0; overscroll-behavior: none; } +body { + /* NOTE: htmlにも overflow: clip を設定したいところだが、設定すると何故か少なくともChromeで html が main thread scrolling になりパフォーマンスが(多分)落ちる */ + overflow: clip; +} + #misskey_app { width: 100%; height: 100%; diff --git a/packages/frontend/src/ui/universal.vue b/packages/frontend/src/ui/universal.vue index 576f215acd..5e64de6ffe 100644 --- a/packages/frontend/src/ui/universal.vue +++ b/packages/frontend/src/ui/universal.vue @@ -216,13 +216,17 @@ html, body { width: 100%; height: 100%; - overflow: clip; position: fixed; top: 0; left: 0; overscroll-behavior: none; } +body { + /* NOTE: htmlにも overflow: clip を設定したいところだが、設定すると何故か少なくともChromeで html が main thread scrolling になりパフォーマンスが(多分)落ちる */ + overflow: clip; +} + #misskey_app { width: 100%; height: 100%; diff --git a/packages/misskey-js/package.json b/packages/misskey-js/package.json index ec94c89885..a1f46e3dd8 100644 --- a/packages/misskey-js/package.json +++ b/packages/misskey-js/package.json @@ -1,7 +1,7 @@ { "type": "module", "name": "misskey-js", - "version": "2025.3.2-beta.14", + "version": "2025.3.2-beta.15", "description": "Misskey SDK for JavaScript", "license": "MIT", "main": "./built/index.js",