Misskey: (モバイル)長いコンテンツが表示されたときのx方向のスクロール

[tamaina]

できないほうが操作性と見た目はいいと思います

---

• Firefox Beta
• モバイル版Misskey

[syuilo]

Fixed via https://github.com/syuilo/misskey/pull/143 thank you @tamaina

[syuilo]

Reverted via https://github.com/syuilo/misskey/commit/8107a6e5390f8cd1446e938207f7e5cd12087554
overflow(-x|-y): hiddenを上位の要素に適用すると不具合が発生するので戻しました
折り返すように設定しているのに折り返されないのはレンダリングエンジンのバグな気がするのでどうしようもなさそう

[tamaina]

具体的にどこで不具合が起きていたか教えてください

[syuilo]

position: stickyが効かない

[syuilo]

前者

[tamaina]

慌てて消してしまった

ホームで？詳細画面で？

詳細画面はそもそも表示方法が違いましたごめんなさい

これは謎

[syuilo]

上位にoverflow hiddenが指定されていると効かなくなるのは仕様なのかバグなのか不明

[tamaina]

ブラウザ依存のバグ可能性が高いです

[syuilo]

ふぅ～む

[tamaina]

対策してコンテンツははみ出ないはずなのでoverflow(-x|-y): hiddenは必要ない

[syuilo]

長いURLがはみ出す場合が

[syuilo]

長いURLがはみ出す現象は(私は)iOSでのみ確認しています
CSSで折り返すように指定しているのでバグかと思われます

[tamaina]

word-wrap→overflow-wrapに

[tamaina]

https://codepen.io/nksm/post/overflow-position-sticky

[tamaina]

src/web/app/reset.styl:12ミスってる

[syuilo]

やっぱりはみ出しますね

[tamaina]

iPhoneじゃないのでなんとも...

[tamaina]

word-break: break-allしてみる

[syuilo]

word-break break-allすることで解決しました