投稿日:2021/12/21
更新日:2021/12/22
下記のような、iOS Safariでブラウザリロードやブラウザバックするとおかしいときの対処法です。
・アニメーションのコンテンツが見えなくなる
・ハンバーガーメニューが開きっぱなしになる ページ遷移前のキャッシュが残ってしまい、JS動作などもそのままになってしまうことが原因です。
この問題は過去にも起きているようですが、iOS15になってから社内案件でも目立ち指摘されるようになりました。
なお、検証時にはChromeでも確認できる場合がありました。
2021/12/21にEC以外のbaseファイルは対応済みです。
同じページにGooglemapの埋め込みがある場合はリロードしても問題ないことがわかりました。アニメーションがあるGooglemapのないページがある過去案件は修正が来るかもしれません。
・アニメーションのコンテンツが見えなくなる
・ハンバーガーメニューが開きっぱなしになる ページ遷移前のキャッシュが残ってしまい、JS動作などもそのままになってしまうことが原因です。
この問題は過去にも起きているようですが、iOS15になってから社内案件でも目立ち指摘されるようになりました。
なお、検証時にはChromeでも確認できる場合がありました。
2021/12/21にEC以外のbaseファイルは対応済みです。
対処法
main.jsの一番下に追加window.onpageshow = function (event) {
if (event.persisted) {
window.location.reload()
}
}
補足
正直バグレベルの感覚です。もし突っ込まれて聞かれることがあったら、iOS15になった影響と伝えてもらって構わないです。同じページにGooglemapの埋め込みがある場合はリロードしても問題ないことがわかりました。アニメーションがあるGooglemapのないページがある過去案件は修正が来るかもしれません。