RangeErrorを解消し、スマホからhash付きのコメントURLにアクセスできるようにする

[gogutan]

Issue

概要

iPhoneのSafariからhash付きのコメントURLにアクセスすると

のようなエラーが発生し、クラッシュしていました。

原因を探るためPCのChromeでアクセスすると、

クラッシュはしないのですが、上記のように

bootcamp/app/javascript/components/footprints.vue

Lines 66 to 71 in c6187a3

	created() {
	window.onpopstate = function () {
	location.replace(location.href)
	}
	this.getFootprints()
	},

のwindow.onpopstateにて無限ループが発生していることが分かりました。

少し調査したところ、このような記述は

bootcamp/app/javascript/notifications.vue

Lines 77 to 83 in c6187a3

	created() {
	// ブラウザバック・フォワードした時に画面を読み込ませる
	window.onpopstate = function () {
	location.replace(location.href)
	}
	this.getNotificationsPerPage()
	},

にて、ブラウザバック/フォワード時にページャーを読み込ませるために必要なもののようです。
しかしfootprints.vueではこのような挙動は不要のため、この3行を単純に削除してエラーを解消したいと考えています。

変更確認方法

1. bug/range-errorをローカルに取り込む
2. (ユーザー1操作)日報上で、ユーザー2へのメンションを含むコメントをする。
3. (ユーザー2操作)通知タブを開き、メンションされた日報コメントにアクセスする。
4. (ユーザー2操作)アクセスした日報ページで検証ツールのConsoleを開き、Uncaught RangeErrorが発生していないことを確認する。

Screenshot

変更前

変更後

[gogutan]

@komagata @machida
スマホからアクセス時に少し不便だったためPRを作ってみました、お手隙の際にご確認をお願いいたします🙇‍♂️

[machida]

@gogutan おおー、すごく助かります！！これ、原因を調べきれてなくて、未対応だったんだけど、すぐに解決したいやつでした！！これのせいでスマホの Chrome を使ってました。。。

@komagata レビュー、マージお願いしますー🙏

[komagata]

@gogutan PR非常に助かります！！！！！

[gogutan]

早速ご確認ありがとうございます、良かったです！
@kasumi8pon も一緒に調べてくれました😄

[komagata]

@kasumi8pon さんもありがとうございます〜😭