CWの中に画像を添付した場合、その画像が見られないことがある

[1STEP621]

💡 Summary

「画像が1枚のみのメディアリストの高さ」を「デフォルト」以外に設定していると、CWの中に添付された画像が見られないことがあります。

🥰 Expected Behavior

画像が見られる

🤬 Actual Behavior

画像が見られない

📝 Steps to Reproduce

1. 「画像が1枚のみのメディアリストの高さ」を「デフォルト」以外に設定する
2. CWの中に画像が添付されているノートを閲覧する

💻 Frontend Environment

* Model and OS of the device(s): Ubuntu 22.04.3 LTS
* Browser: Firefox 120.0.1
* Server URL: ローカル環境, misskey.backspace.fm, misskey.systemsで再現
* Misskey: 2023.12.0-beta.5

🛰 Backend Environment (for server admin)

* Installation Method or Hosting Service:
* Misskey:
* Node:
* PostgreSQL:
* Redis:
* OS and Architecture:

[1STEP621]

misskey/packages/frontend/src/components/MkMediaList.vue

Line 113 in 21882b6

const width = container.value ? await getClientWidthWithCache(root.value, container.value) : root.value.clientWidth;

ここでdisplay: none;のものに対してclientWidthを得ようとして0が返ってきている気がする

aspect-ratioを使った実装にするのが一番楽そうですが、 #11377 でもともとaspect-ratioを使っていたところをheightにしてパフォーマンスを改善しようとした様子があるので、それを戻しちゃうのは微妙かも？と思っています