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 {