From ecd1d615ff8c3d4bbadfa59d9a5b855d0d221443 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E3=81=8A=E3=81=95=E3=82=80=E3=81=AE=E3=81=B2=E3=81=A8?= <46447427+samunohito@users.noreply.github.com> Date: Mon, 13 Jul 2026 20:21:18 +0900 Subject: [PATCH] =?UTF-8?q?fix(frontend):=20=E6=9C=AA=E3=83=AD=E3=82=B0?= =?UTF-8?q?=E3=82=A4=E3=83=B3=E6=99=82=E3=81=AE=E3=83=88=E3=83=83=E3=83=97?= =?UTF-8?q?=E3=83=9A=E3=83=BC=E3=82=B8=E3=81=8C=E3=82=B9=E3=82=AF=E3=83=AD?= =?UTF-8?q?=E3=83=BC=E3=83=AB=E4=B8=8D=E5=8F=AF=E3=81=A0=E3=81=A3=E3=81=9F?= =?UTF-8?q?=E3=81=AE=E3=82=92=E4=BF=AE=E6=AD=A3=20(#17681)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * fix(frontend): 未ログイン時のトップページがスクロール不可だったのを修正 * fix CHANGELOG.md * remove playwright file * fix(frontend): 非ログイン時トップページを背景の上でもスクロールできるよう修正 .root を min-height から develop と同じ height + overflow: auto に戻して .root 自身を スクロールコンテナとし、装飾レイヤ (.bg / .shape1 / .shape2) の pointer-events: none と 併せて、コンテンツ列以外 (背景) の上でもホイールスクロールが効くようにする。 CSS のみの対応で、TL のマーキーアニメーションやノート / フェデレーションのクリック挙動は 変更しない。 Co-Authored-By: Claude Opus 4.8 (1M context) --------- Co-authored-by: Claude Opus 4.8 (1M context) --- CHANGELOG.md | 1 + packages/frontend/src/pages/welcome.entrance.classic.vue | 4 ++++ packages/frontend/src/pages/welcome.entrance.simple.vue | 2 ++ 3 files changed, 7 insertions(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index cca052f102..bc08ee9739 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -34,6 +34,7 @@ - Fix: チャットでIMEの変換を確定するEnterでメッセージが送信されてしまうことがある問題を修正 - Fix: 自分へのメンションに対する色分けで、判定が大文字/小文字を区別していた問題を修正 - Fix: いくつかのイベントリスナーが正しく解除されない問題を修正（メモリ使用量の改善） +- Fix: 非ログイン時トップページをスクロール操作できないことがある問題を修正 ### Server - Enhance: センシティブメディアの判定を外部サービス ([sensitive-detector](https://github.com/misskey-dev/sensitive-detector)) に分離し、`nsfwjs` / `@tensorflow/tfjs(-node)` の同梱と NSFW 判定モデルを廃止 (#16804) diff --git a/packages/frontend/src/pages/welcome.entrance.classic.vue b/packages/frontend/src/pages/welcome.entrance.classic.vue index cddec3332e..fcbb96db14 100644 --- a/packages/frontend/src/pages/welcome.entrance.classic.vue +++ b/packages/frontend/src/pages/welcome.entrance.classic.vue @@ -72,6 +72,8 @@ misskeyApiGet('federation/instances', { right: 0; width: 80vw; // 100%からshapeの幅を引いている height: 100vh; + // 固定レイヤがホイール操作を奪い、コンテンツ列以外の上でページをスクロールできなくなるのを防ぐ (issue #17680) + pointer-events: none; } .tl { @@ -100,6 +102,7 @@ misskeyApiGet('federation/instances', { height: 100vh; background: var(--MI_THEME-accent); clip-path: polygon(0% 0%, 45% 0%, 20% 100%, 0% 100%); + pointer-events: none; // 装飾レイヤ。ホイール操作を透過させる (→ .bg 参照) } .shape2 { position: fixed; @@ -110,6 +113,7 @@ misskeyApiGet('federation/instances', { background: var(--MI_THEME-accent); clip-path: polygon(0% 0%, 25% 0%, 35% 100%, 0% 100%); opacity: 0.5; + pointer-events: none; // 装飾レイヤ。ホイール操作を透過させる (→ .bg 参照) } .logoWrapper { diff --git a/packages/frontend/src/pages/welcome.entrance.simple.vue b/packages/frontend/src/pages/welcome.entrance.simple.vue index edbd312249..947afa69aa 100644 --- a/packages/frontend/src/pages/welcome.entrance.simple.vue +++ b/packages/frontend/src/pages/welcome.entrance.simple.vue @@ -36,6 +36,8 @@ import { instance as meta } from '@/instance.js'; right: 0; width: 100vw; height: 100vh; + // 固定レイヤがホイール操作を奪い、コンテンツ列以外の上でページをスクロールできなくなるのを防ぐ (issue #17680) + pointer-events: none; } .logoWrapper {