モバイルでtopic-postに最小高さのインラインスタイルが宣言されました

モバイルで投稿表示がわずかに変更されるテーマがあります。スクロールすると計算されインラインスタイルとして挿入される min-height の宣言によってレイアウトが歪んでいるのがわかります。

例えば、ここでは min-height のせいで投稿が本来あるべきよりも長くなっています。

投稿の min-heightunset として宣言すれば、これまでのところレイアウトは修正されるようです。しかし、何か見落としていることはありますか?なぜこれらの計算がそもそも宣言されているのか理解できません。

「いいね!」 2

デフォルトではDiscourseでこれらの計算が表示されませんが、テーマやコンポーネントが追加しているのでしょうか?

ああ、わかりました。トピックが長くなり、追加の返信が読み込まれると(他の返信が削除されると)追加されるようです。

投稿がスクロール時に非表示になると最小の高さが追加されるようですので、コンテンツがページから削除されたときにスクロール位置が変更されないように高さを取得しているのだと思います。

「いいね!」 2

高さの計算が最初に追加されたのはここだと思います。FIX: Scroll jumping in some dimensions of browser · discourse/discourse@a77f5a7 · GitHub これはスクロールのジャンプを制御するのに役立つことが確認されています。

特定の問題を修正するには、.topic-post の高さが測定されているもののようです…あなたのテーマでは、その div が何らかの理由で内部のコンテンツよりも背が高くなっていますか? なぜ誤って計算されているように見えるのか疑問です…

「いいね!」 2