Open saschanaz opened 1 year ago
Related to #10964
iPad Safari でマジで不便している
解決策募集中
おそらくDiscordとかSlackとかもbodyスクロールではないと思うけど、それらはどう解決してるんだろう
Surfaceとかタッチスクリーンでスクリールする時一番不便です
iPadで使ってるけどUX的には以前と全く変わりないように感じてるんだけどどのように不便?
iPad Safari でマジで不便している
具体的に何ができなくて?
iPad Safari でマジで不便している
具体的に何ができなくて?
など挙げたらきりがない
タブレットで操作
こう持ってたら問題ない
でもこう持ってたら問題しかない(握ってる両手でスクロールできず、片手を中央に移動する必要がある)
ということで、範囲の問題が大きいです
でもこう持ってたら問題しかない(握ってる両手でスクロールできず、片手を中央に移動する必要がある)
サイドバーをアイコンのみ表示にしたらいいかも
おそらくDiscordとかSlackとかもbodyスクロールではないと思うけど、それらはどう解決してるんだろう
別にそれらで快適とは思わない(し、それを承知でネイティブアプリが使われるのであまり影響がないだけでは)
bodyスクロールでどんな問題がありましたか?(bisectしてない)
いくつかレイアウト設計上の問題があるけど、一例を挙げると「ウィジェットをTLのスクロールと連動しないようにして」という要望があるからウィジェットを独立したスクロールにしたいんだけど、そうするとbodyスクロールだとスクロールバーが右に二重に表示されることになり分かりづらい、とか
ウィジェットをTLのスクロールと連動しないようにして
これの実現のためだとしたら対価が重すぎる気がする
デザインしているとbodyスクロール縛りは今後より厳しくなってきそうな感じがしている
基本的に body スクロール = メイン要素のスクロールにしておかないとむしろ問題を引き起こしやすいと自身の経験則で感じている(例えば iOS Safari の dvh 変化などは body スクロールを無効にしてもそこに overscroll があるような挙動をしがちだったりとかするため)
モバイルとデスクトップでuniversal.vue分割するか
スクロールバー位置については、一応 body のスクロールバーを隠してメイン領域にスクロール専用の要素を置いてバインドさせるとかは考えられる(分割でうまくいくならそれでも)
モバイルとデスクトップでuniversal.vue分割するか
分割ちょっと大変で最終手段にしたいからそれ以外でいい感じにするPR募集中
いくつかレイアウト設計上の問題があるけど、一例を挙げると「ウィジェットをTLのスクロールと連動しないようにして」という要望があるからウィジェットを独立したスクロールにしたいんだけど、そうするとbodyスクロールだとスクロールバーが右に二重に表示されることになり分かりづらい、とか
この点はウィジェットにoverlay scrollbar適用したらbodyスクロールのままでよさそうです
基本的に body スクロール = メイン要素のスクロールにしておかないとむしろ問題を引き起こしやすいと自身の経験則で感じている
これはすごいわかる
overlay scrollbar
Firefoxにoverflow: overlayないじゃん
overlay scrollbar
Firefoxにoverflow: overlayないじゃん
👀(というかChrome以外はFirefox/Safariは基本overlayですので)
Edit: Edgeは基本overlayじゃなかったです(Chrome/Edge両方にflagはある)
overlayだとしても、メインのスクロールバーがウィジェットを挟んだ位置にある、もしくはウィジェットのスクロールバーと被さってるとかになるはずなので、微妙
メインのスクロールバーがウィジェットを挟んだ位置にある
margin-right: 5pxとかでなんとかなりません?
(えっどういうハック?)(あんまり手を動かす気になってない)
Summary
マウスでもちょっと不便ですが、Surfaceとかタッチスクリーンでスクリールする時一番不便です
たぶんどうでもいいでしょうが、こういうものもあります
(https://p1.a9z.dev/@saschanaz/pages/1686241646979 vs https://misskey.io/@saschanaz/pages/1686241519536)