タイムラインが「おすすめのトピック」と重なっている

こんにちは。
短いトピックの場合、タイムラインが「おすすめのトピック」セクションと重なっています。


返信がないトピックではタイムラインを非表示にするか、投稿コンテナの最小高さをタイムラインとほぼ同じにするのはどうでしょうか?

「いいね!」 4

私の記憶では、これは以前から存在し、画面が短い場合や1行の単一投稿トピックに特有の問題でしたが、もしかしたら後退したのでしょうか? :thinking:

長いコンテンツで、投稿の上に何らかのコンテンツがある場合にも発生します

確かに、これが起きていますね。

@awesomerobot さんが、単一投稿トピックではタイムラインを非表示にしていたと教えてくれました。もしかしたら、それが原因で最近よく目にするようになったのかもしれません。あるいは、実際の回帰(バグ)でしょうか。いずれにせよ、このケースでは最初の(そして唯一の)投稿の下部にあるコントロールに、タイムラインの要素がすべて重複して表示されています。

「いいね!」 1

はい、2016 年からこれを隠していたと思います:UX: Hide all timeline controls when fewer than 3 posts · discourse/discourse@b9f8264 · GitHub

最近まで、タイムラインは以下を隠していました

@j.jaffeux さん、最近の変更がこの回帰を引き起こした可能性がありますか?

「いいね!」 3

投稿がたった1つの場合、タイムラインを非表示にするべきです。3つだと少し多いですが、1つなら….

「いいね!」 1

1 つの投稿に大きな問題があるのは、この投稿のように実際に役立つ場合でも、正しく機能しないことです。巨大な投稿の途中でナビゲーションをサポートしていないため、非常に非常に非常に非常に混乱します。レンダリングの問題よりもはるかに深刻です。

「いいね!」 2

投稿の長さ+単一の投稿に基づいて行うべきでしょう。単一のトピックに一文だけの投稿があるのに、垂直タイムラインは必要ありませんよね?

絶対にありえません。ただ、実装を修正する必要があります。私が言いたいのはその点です。

条件付きで削除するか、極めて長い単一投稿の例外として残すかを選ぶなら、私は条件付きで削除することを選びます。

ただし、根本的な実装を修正できれば、@Johani の素晴らしいガイドのために残すことに全面的に賛成です。それは非常に役立つはずです。

ロジックは以下のようになります。

トピック内の投稿が 1 つだけで、かつその投稿の文字数が 1000 文字未満の場合、タイムライン全体を非表示にする

2 つの短い一文の投稿であれば、おそらく問題ないかもしれませんね。

  • ただし、すべてが単一文字や改行コードなどの場合どうなるかは不明です。大まかなチェックで十分だと考えます。ここで極端なエッジケースを気にする必要はないでしょう。
「いいね!」 1

もちろん、CSS のみを使っても対応可能です。ただし、この方法を採用する場合はスクロールバーを修正する必要があります。

それなら、投稿が 1 件の場合、タイムラインを非表示にする というように変更したほうが、よりシンプルです。

ただし、その単一の投稿が異常な長さの 30,000 文字である場合を除き、隠したくはありません。つまり、いいえ。

隠したいのです……すみません、それが私の言いたいことです。この問題を修正しない限り:

タイムラインを下にドラッグすると:

まだ上部に残ったままです。:crying_cat_face:

ただし、ネイティブのブラウザスクロールバーを使用すれば、このスクロールバーは期待通りに動作します:

巨大な投稿が 1 つあるトピックにこれを残しておくと、単に正しく動作せず、非常に混乱を招きます。そのため、これを修正する必要があります。

「いいね!」 1

なるほど、重視すべきケースを網羅しているか確認するために、良いインフォーマルなテストケースが必要です。

「いいね!」 1

いいえ、これがコミットではありません。

関連するコミットはおそらくこちらです:

このコミット以前は、ロジックが重複しており、異なっていたため、空(しかし表示される)timeline-controls ウィジェットが発生していました。

今日確認します。

「いいね!」 3

タイムラインの重複を修正する私の試みはこちらです:

ご指摘の通り、タイムラインをクリックまたはドラッグしてもウィンドウの scrollPosition が変化しない問題は解決していません。これについて簡易的に検討しましたが、これは専用のプロジェクトとして取り組むべき課題だと考えます。この挙動は以前から同様であり、変更するには多くの影響が伴います。

投稿が 1 つしかない場合、その投稿の高さをチェックし、1000px 未満であればスクロールバーを非表示にします。

これはおよそ以下の長さの投稿を表しています:

短い投稿の例:

このコミットにより、フルページリロード時にトピックの管理ボタンが誤った位置に表示されるという別のバグも修正されています:

修正前は次のようになります:

修正後はこの位置になります:

また、最小限のコンテンツを持つ 2 つの投稿が重複しないことも確認しました:

モバイル端末での動作に変更はありません。

「いいね!」 4

素晴らしい、ありがとうジョフリー😻

「いいね!」 2

マージ済みです。例えば、このトピックで動作を確認できます(少なくとも投稿が 1 つの間の間):

「いいね!」 3

このトピックは5日後に自動的に閉鎖されました。新しい返信は許可されていません。