ブラウザリロードやブラウザバックすると表示されなくなる

下記のような、iOS Safariでブラウザリロードやブラウザバックするとおかしいときの対処法です。
・アニメーションのコンテンツが見えなくなる
・ハンバーガーメニューが開きっぱなしになる

ページ遷移前のキャッシュが残ってしまい、JS動作などもそのままになってしまうことが原因です。
この問題は過去にも起きているようですが、iOS15になってから社内案件でも目立ち指摘されるようになりました。
なお、検証時にはChromeでも確認できる場合がありました。
2021/12/21にEC以外のbaseファイルは対応済みです。

対処法

main.jsの一番下に追加

window.onpageshow = function (event) {
  if (event.persisted) {
    window.location.reload()
  }
}

 

補足

正直バグレベルの感覚です。もし突っ込まれて聞かれることがあったら、iOS15になった影響と伝えてもらって構わないです。
同じページにGooglemapの埋め込みがある場合はリロードしても問題ないことがわかりました。アニメーションがあるGooglemapのないページがある過去案件は修正が来るかもしれません。