Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

デッキUIでのスクロール操作に対する要望 #11007

Closed
karakufire opened this issue Jun 13, 2023 · 1 comment
Closed

デッキUIでのスクロール操作に対する要望 #11007

karakufire opened this issue Jun 13, 2023 · 1 comment
Labels
✨Feature This adds/improves/enhances a feature packages/frontend Client side specific issue/PR

Comments

@karakufire
Copy link

💡 Summary

デッキUIでは、以下の領域にマウスオーバーしている際にスクロール操作を行うと、すべて横方向スクロールがなされます。

  • カラムのタイトルバー
  • ポップアップ(TL上のユーザーアイコン及びユーザー名にマウスオーバーしたときに表示されるプロフィールプレビューなど)
  • ウィンドウのタイトルバー
  • カラムとカラムの隙間
  • モーダルを表示した時の全画面(ノート投稿画面や画像プレビューなど)

以上の領域は私が確認できた範囲であり、おそらく他にもこの挙動を示す箇所が存在すると考えられます。

これらの中で、カラムのタイトルバー以外のマウスオーバー時スクロールにおける横方向スクロールの挙動は暴発に思えます。
特にTLをスクロール中にユーザーアイコンやユーザー名にマウスカーソルが乗っかった際に表示されるプロフィールプレビューにマウスオーバーしたことによって横方向スクロールが起きるのは確実にユーザー体験を損ねていると思います。

スクロール操作の横スクロールへの変換を無効化する設定か、横スクロール変換を行う領域の制限を強く希望します。

📝 Steps to Reproduce

この手順ではポップアップ上にマウスオーバーした際の挙動の再現手順となります。

  1. マウスホイールがあるマウスを用意する
  2. デッキUIにしていない場合、デッキUIにする。また、横スクロールができる程度に、カラムを追加するか画面幅を狭める
  3. なんらかのポップアップ(TL上のアイコンへのマウスオーバー時のユーザープロフィールプレビューなど)を表示し、それにマウスオーバーする
  4. マウスホイールでスクロールする

📌 Environment

💻 Frontend

  • Model and OS of the device(s):
    Windows 10 Pro 22H2
  • Browser:
    Mozilla Firefox 114.0.1(64ビット)
  • Server URL:
    misskey.io
    misskey.design
  • Misskey:
    v13.13.2 (misskey.io)
    13.12.2-md.2 (misskey.design)
@karakufire karakufire added the ✨Feature This adds/improves/enhances a feature label Jun 13, 2023
@syuilo syuilo added the packages/frontend Client side specific issue/PR label Jun 24, 2023
@syuilo syuilo closed this as completed in dc27ba6 Jun 24, 2023
@karakufire
Copy link
Author

karakufire commented Aug 19, 2023

希望を汲み取って頂いた手前あまり再オープンしたくありませんが、念のためお尋ねします。
13.14.2以降のmisskeyとそのフォーク(misskey.ioおよびmisskey.designで確認)での動作で、縦に重ねたカラムをすべて閉じたとき下に生じる空隙や、カラム同士の隙間にマウスオーバーしたときのスクロール操作は依然として横スクロールに変換されるようですが、これらの動作は仕様なのでしょうか。
以上、よろしくお願いします。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
✨Feature This adds/improves/enhances a feature packages/frontend Client side specific issue/PR
Projects
None yet
Development

No branches or pull requests

2 participants