メッセージ作成時の画像/テキストプレビューの不具合

プレビューで、画像の前後に空行がある場合に奇妙な動作が発生します。

例:

問題なし:

テキストの前に空行を追加すると、テキストが最初の画像の右側から始まります。

テキストの後に空行を追加し、かつテキストが短い場合、テキストは2番目の画像の左側に表示されます:


テキストが長い場合は、この問題は発生しません。

これはプレビューパネルでのみ発生し、いずれの場合も最終的な投稿にはレイアウトの問題はありません。

また、テキストが2枚の画像の間にない場合、またはプレビュー内の画像がプレビューパネルの幅全体を占めるほど十分な幅がある場合は、この問題は発生しません。

Windows 10 の Chrome を使用しています。

「いいね!」 1

Meta 上ではこの問題を再現できません。このトピックへの返信で、ここで問題を作成していただけますか?

はい、Meta Discourse でスクリーンショットを撮りましたが、自分の Discourse でも同じ現象が発生します。

Edge を使用して再度試しましたが、問題が発生しました。:

また、この問題は画像をアップロードしたとき(テキストエリアに直接猫の画像を貼り付けた場合)にのみ発生し、画像のリンクを貼り付けて表示する場合には発生しないようです。

こちらが GIF です:

「いいね!」 2