タイムラインスクローラーの高さが2行テキストで重なる

タイムラインスクローラーが中国語ロケールで開始日と重なるスタイルバグを見つけました。英語よりも少し長く、2行に折り返される可能性があります。以下の図は、同じトピックですが、2つのロケールで表示されています。


「いいね!」 2

ご報告ありがとうございます。もう少し詳しい情報をいただけますでしょうか? try.discourse.org のインスタンスで「ページを翻訳」を使用して再現を試みましたが、お客様が見ているものの一貫した再現ができませんでした。

このバグレポートのトピックのセクションのいくつかが、バグを修正するために役立つ追加情報を提供してくれるかもしれません。

再現するには少し複雑です。

(中国語ロケール)

  1. 投稿が多数(例:200件)含まれる長いトピックを用意します。そして、そのトピックを事前に読まないか、ごく初期の位置(例:最初の10件)だけを読みます。
  2. トピックに入り、スクロールバーのハンドルを上にスクロールします。すると、「戻る」ボタンが表示されます。プログレスインジケーターが十分に高い位置にあることを確認してください。スクロールバーのハンドルが一番上まで到達した場合、その中に収まるようにします。
  3. 上にスクロールし続け、ハンドルが開始日またはその非常に近くに到達するまで続けます。

すると、重複が表示されます。

「いいね!」 1

数週間前に Discourse にこの問題をより適切に処理するためのアップデートを行いました。

これにより、タイムラインはテキストを 2 行のみ表示し、残りを非表示にするよう強制されます。そのため、テキストが非常に長い場合や、タイムラインに使用できるスペースが限られている場合(画面が狭い場合)は、次のようになります。

これにより、場合によってはハンドル上の日付情報の一部またはすべてが非表示になりますが、バックボタンのレイアウトの問題を防ぎ、タイムライン上部の日付との重複を回避できます。

タイムラインの日付情報は、投稿自体の日付と少し重複しているため、レイアウトが崩れる問題を回避するための価値のあるトレードオフだと思われました。

「いいね!」 2