iOS Safariで、ダイレクトメッセージの送信欄が消えるなど表示の乱れが発生する

[tamaina]

💡 Summary

iOS Safariで、ダイレクトメッセージの送信欄が消えるなど表示の乱れが発生する
送信後に多いかも

※複数ユーザーで事象を確認

🥰 Expected Behavior

送信欄が消えない

🤬 Actual Behavior

📝 Steps to Reproduce

1. ダイレクトメッセージページを表示して、送信するなどする

💻 Frontend Environment

* Model and OS of the device(s): iPhone 16 etc. iOS 26.5
* Browser: Safari 26.5
* Server URL: https://p1.a9z.dev https://d.kg-misskey.net/
* Misskey: v2026.5.4 9f2e806c20e99b7e1ac586dde5b7ef4d585c4b14

🛰 Backend Environment (for server admin)

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

Do you want to address this bug yourself?

• Yes, I will patch the bug myself and send a pull request

[tamaina]

@dosu iOS関連の表示グリッチって前にもあったよね

[dosubot]

はい、iOS Safari 関連の表示グリッチはこれまで何度も報告・修正されています。主なものとしては：

• Safari 26 の contain: layout によるモバイルUI崩壊 — WebKit bug #297186 が原因で、モバイルUIが壊れる問題。contain: size style paint !important に差し替えて回避 [1]
• 画像マスキングのタッチ座標ズレ — iOS で PointerEvent.offsetX/offsetY が不正確で、getBoundingClientRect() で計算するように修正 [2]
• 横スワイプ要素のオーバーフロー — コンテナからはみ出す問題を grid-template-columns: 100% で修正 [3]
• iOS の自動リンク検出 — アカウント識別子などがリンクとして誤検出される問題を meta タグで抑制 [4]
• 動画フルスクリーンの非対応 — WebKit プレフィックス付きメソッド (webkitEnterFullscreen 等) を追加 [5]

今回の DM 送信欄消失も、Safari 26 の contain: layout バグ [1] の回避策がチャットUIのコンテナに適用されていない可能性や、.footer の position: sticky が iOS のキーボード表示時のビューポート変更に対応できていないことが原因として考えられます。パターンとしてはこれまでの CSS containment / レイアウト系のバグと同種の問題に見えますね。

To reply, just mention @dosu.

---

Docs are dead. Just use Dosu.