#topic-progress 要素は、スピナーが表示されている間にアンチパターンとして表示されます。
この動作を再現するには、モバイルビューでトピックを開き、上部のタイトルリンクをクリックしてスピナーを発生させてください。
スピナーが表示されている間、#topic-progress を非表示にする方法についてご存知でしょうか？
「いいね！」 1
ここで再現できますか、それともそのサイト固有の問題ですか？
「いいね！」 1
驚いたことに、Meta はこの欠陥の影響を受けませんが、当社の本番サーバーや私が知るほぼすべての他のサイトでは再現できました。
別の例：
編集：トピックに投稿が多数ある場合、スクロールなしでは（トピックの進行状況）要素が表示されないようです。そのため、以前は Meta のような一部のサイトでは再現できませんでした。
次回のバッチが読み込まれている間に、モバイルのトピック進捗ウィジェットで何か対策を講じることに賛成です。それは妥当な改善のように思えますが、完全に非表示にすることが本当に望ましいかどうかは確信が持てません。
タイムライン全体を非表示にすると、要素が跳ねてしまうため、アンチパターンになってしまいます。
@design ご意見をお聞かせください。
急いで変更する必要のある課題ではありませんが、改善を検討してみる価値のある面白いテーマかもしれません。
「いいね！」 2
ご返信ありがとうございます。タイムライン全体を非表示にすることで生じるバウンスについてのご懸念は理解いたしました。そのため、パディングスペースのみを確保する方式でのみプレイ可能となります。
これは完全に CSS の問題ではなく、スピンナー表示中にトピックの進行状況を固定またはパディングで調整する処理は、JavaScript に関連するものです。
なぜここで再現できないのか、まだ気になります。try.discourse.org では再現できますか？それとも、追加のヘッダーなどの CSS レイアウトに特有の問題でしょうか？
「いいね！」 1
ああ、よかった。すみません、見落としていました。
「いいね！」 1
モバイル端末でバウンスが発生するとは思いません。スクロール中は固定位置、ドック状態では絶対位置を使用しているため、レイアウトには影響しないからです。
ドッククラスが付与されたときに CSS で非表示にするという簡単なテストを行いました（ページが短く、プログレスバーがドック状態になるため、読み込み時に位置がジャンプする現象が起きるのです）。しかし、非表示・再表示時にバウンスは発生しませんでした。
別の選択肢として、読み込み中はドックを解除して固定位置に保つ方法もありますが、ページ下部（例：推奨トピックの場所など）から一気にトップへスクロールした場合、タイムラインがドック状態から固定位置へ切り替わる際に位置のジャンプが見えてしまう可能性があります。
とにかく、試して最適な方法を探ります。
「いいね！」 4