From 1a9997f6e384055c8164478935c84e2176b4ae25 Mon Sep 17 00:00:00 2001
From: Aevann1 <randomname42029@gmail.com>
Date: Tue, 30 Nov 2021 19:55:33 +0200
Subject: [PATCH] dfsfsd

---
 files/templates/admin/image_posts.html    |  3 +++
 files/templates/admin/reported_posts.html |  3 +++
 files/templates/ban_modal.html            |  3 +++
 files/templates/comments.html             | 14 ++++++++++++-
 files/templates/default.html              | 12 +++++++++--
 files/templates/embeds/twitter.html       |  3 +++
 files/templates/embeds/twitterlight.html  |  3 +++
 files/templates/expanded_image_modal.html |  3 +++
 files/templates/followers.html            |  3 +++
 files/templates/following.html            |  3 +++
 files/templates/header.html               |  6 +++++-
 files/templates/home.html                 | 15 +++++++++++---
 files/templates/log.html                  |  3 +++
 files/templates/settings.html             |  6 ++++--
 files/templates/settings2.html            |  5 +++--
 files/templates/settings_blocks.html      |  3 +++
 files/templates/settings_css.html         |  3 +++
 files/templates/settings_profile.html     |  3 +++
 files/templates/settings_security.html    |  3 +++
 files/templates/submission.html           | 25 ++++++++++++++++++-----
 files/templates/submission_listing.html   |  6 ++++++
 files/templates/userpage.html             | 10 +++++++--
 files/templates/userpage_blocked.html     |  3 +++
 files/templates/userpage_blocking.html    |  3 +++
 files/templates/userpage_reserved.html    |  3 +++
 25 files changed, 129 insertions(+), 18 deletions(-)

diff --git a/files/templates/admin/image_posts.html b/files/templates/admin/image_posts.html
index 3c469e26a6..a12c46ab10 100644
--- a/files/templates/admin/image_posts.html
+++ b/files/templates/admin/image_posts.html
@@ -12,6 +12,7 @@
 
 {% block fixedMobileBarJS %}
 <script>
+window.addEventListener('DOMContentLoaded', function() {
 	var prevScrollpos = window.pageYOffset;
 	window.onscroll = function () {
 		var currentScrollPos = window.pageYOffset;
@@ -31,6 +32,8 @@
 		}
 		prevScrollpos = currentScrollPos;
 	}
+
+});
 </script>
 {% endblock %}
 
diff --git a/files/templates/admin/reported_posts.html b/files/templates/admin/reported_posts.html
index d0716b8906..265126520e 100644
--- a/files/templates/admin/reported_posts.html
+++ b/files/templates/admin/reported_posts.html
@@ -40,6 +40,7 @@
 
 {% block fixedMobileBarJS %}
 <script>
+window.addEventListener('DOMContentLoaded', function() {
 	var prevScrollpos = window.pageYOffset;
 	window.onscroll = function () {
 		var currentScrollPos = window.pageYOffset;
@@ -59,6 +60,8 @@
 		}
 		prevScrollpos = currentScrollPos;
 	}
+
+});
 </script>
 {% endblock %}
 
diff --git a/files/templates/ban_modal.html b/files/templates/ban_modal.html
index 31e7e6e1c6..8690649c23 100644
--- a/files/templates/ban_modal.html
+++ b/files/templates/ban_modal.html
@@ -1,5 +1,6 @@
 
 <script>
+window.addEventListener('DOMContentLoaded', function() {
 		const banModal = function(link, id, name) {
 			document.getElementById("banModalTitle").innerHTML = `Ban @${name}`;
 			document.getElementById("ban-modal-link").value = link;
@@ -22,6 +23,8 @@
 				xhr.send(fd);
 			}
 		};
+
+});
 </script>
 
 <div class="modal fade" id="banModal" tabindex="-1" role="dialog" aria-labelledby="banModalTitle" aria-hidden="true">
diff --git a/files/templates/comments.html b/files/templates/comments.html
index 5c659726ac..cfb6e8b46f 100644
--- a/files/templates/comments.html
+++ b/files/templates/comments.html
@@ -28,15 +28,19 @@
 
 {% if p and not (v and v.id==c.author_id) and (not v or v.highlightcomments) %}
 	<script>
+window.addEventListener('DOMContentLoaded', function() {
 		comments = JSON.parse(localStorage.getItem("comment-counts")) || {}
 		lastCount = comments['{{p.id}}']
 		if (lastCount && {{c.created_utc*1000}} > lastCount.t) {
 			document.getElementById("reddot-{{c.id}}").innerHTML = '<i style="color:red !important" class="text-admin fas fa-circle" data-bs-toggle="tooltip" data-bs-placement="bottom" title="" data-bs-original-title="Unread"></i>'
 		}
-	</script>
+	
+});
+</script>
 {% endif %}
 
 <script>
+window.addEventListener('DOMContentLoaded', function() {
 	(() => {
 		const date = new Date({{c.created_utc*1000}});
 		document.getElementById('timestamp-{{c.id}}').title = date.toString();
@@ -50,6 +54,8 @@
 			{%endif%}
 		{%endif%}
 	})()
+
+});
 </script>
 
 <div style="display:none" id="popover-{{c.id}}">
@@ -791,6 +797,7 @@
 {% endif %}
 
 <script>
+window.addEventListener('DOMContentLoaded', function() {
 	function collapse_comment(comment_id) {
 		const comment = "comment-" + comment_id
 		const element = document.getElementById(comment)
@@ -808,12 +815,15 @@
 			var myToast = new bootstrap.Toast(document.getElementById('toast-success'));
 			myToast.show();
 	});
+
+});
 </script>
 
 {% include "expanded_image_modal.html" %}
 
 
 <script>
+window.addEventListener('DOMContentLoaded', function() {
 	function poll_vote(cid, parentid) {
 		{% if v %}
 			for(let el of document.getElementsByClassName('presult-'+parentid)) {
@@ -845,6 +855,8 @@
 			html: true,
 		});
 	})
+
+});
 </script>
 
 </body>
\ No newline at end of file
diff --git a/files/templates/default.html b/files/templates/default.html
index 774193babe..830b3b2dd3 100644
--- a/files/templates/default.html
+++ b/files/templates/default.html
@@ -290,12 +290,16 @@
 
 <script src="/assets/js/lozad.js?v=53"></script>
 <script>
+window.addEventListener('DOMContentLoaded', function() {
 	const observer = lozad();
 	observer.observe();
+
+});
 </script>
 
 {% if v and v.agendaposter %}
 	<script>
+window.addEventListener('DOMContentLoaded', function() {
 		var BugDispatch={options:{minDelay:500,maxDelay:1E4,minBugs:2,maxBugs:20,minSpeed:5,maxSpeed:10,maxLargeTurnDeg:150,maxSmallTurnDeg:10,maxWiggleDeg:5,imageSprite:"fly-sprite.webp",bugWidth:13,bugHeight:14,num_frames:5,zoom:10,canFly:!0,canDie:!0,numDeathTypes:3,monitorMouseMovement:!1,eventDistanceToBug:40,minTimeBetweenMultipy:1E3,mouseOver:"random"},initialize:function(a){this.options=mergeOptions(this.options,a);this.options.minBugs>this.options.maxBugs&&(this.options.minBugs=this.options.maxBugs);
 		this.modes=["multiply","nothing"];this.options.canFly&&this.modes.push("fly","flyoff");this.options.canDie&&this.modes.push("die");-1==this.modes.indexOf(this.options.mouseOver)&&(this.options.mouseOver="random");this.transform=null;this.transforms={Moz:function(a){this.bug.style.MozTransform=a},webkit:function(a){this.bug.style.webkitTransform=a},O:function(a){this.bug.style.OTransform=a},ms:function(a){this.bug.style.msTransform=a},Khtml:function(a){this.bug.style.KhtmlTransform=a},w3c:function(a){this.bug.style.transform=
 		a}};if("transform"in document.documentElement.style)this.transform=this.transforms.w3c;else{var b=["Moz","webkit","O","ms","Khtml"],c=0;for(c=0;c<b.length;c++)if(b[c]+"Transform"in document.documentElement.style){this.transform=this.transforms[b[c]];break}}if(this.transform){this.bugs=[];b="multiply"===this.options.mouseOver?this.options.minBugs:this.random(this.options.minBugs,this.options.maxBugs,!0);c=0;var d=this;for(c=0;c<b;c++){a=JSON.parse(JSON.stringify(this.options));var e=SpawnBug();a.wingsOpen=
@@ -343,7 +347,9 @@
 			maxBugs: 1,
 			mouseOver: "fly"
 		});
-	</script>
+	
+});
+</script>
 	<noscript>
 		<style>
 			body {
@@ -357,7 +363,9 @@
 {% endif %}
 
 {% if v %}
-	<script>function formkey() {return '{{v.formkey}}';}</script>
+	<script>
+		function formkey() {return '{{v.formkey}}';}
+	</script>
 	<script src="/assets/js/default.js?v=55"></script>
 {% endif %}
 
diff --git a/files/templates/embeds/twitter.html b/files/templates/embeds/twitter.html
index 7c2ad7452c..bb76171449 100644
--- a/files/templates/embeds/twitter.html
+++ b/files/templates/embeds/twitter.html
@@ -2,5 +2,8 @@
 <script src="/assets/js/twitter.js" charset="utf-8">
 </script>
 <script>
+window.addEventListener('DOMContentLoaded', function() {
 	document.getElementById('twitter-widget-0').setAttribute('sandbox','')
+
+});
 </script>
\ No newline at end of file
diff --git a/files/templates/embeds/twitterlight.html b/files/templates/embeds/twitterlight.html
index 6ff688f772..a3310f6a59 100644
--- a/files/templates/embeds/twitterlight.html
+++ b/files/templates/embeds/twitterlight.html
@@ -2,5 +2,8 @@
 <script src="https://platform.twitter.com/widgets.js" charset="utf-8">
 </script>
 <script>
+window.addEventListener('DOMContentLoaded', function() {
 	document.getElementById('twitter-widget-0').setAttribute('sandbox','')
+
+});
 </script>
\ No newline at end of file
diff --git a/files/templates/expanded_image_modal.html b/files/templates/expanded_image_modal.html
index 227f62af1d..6041dca3fd 100644
--- a/files/templates/expanded_image_modal.html
+++ b/files/templates/expanded_image_modal.html
@@ -1,10 +1,13 @@
 <script>
+window.addEventListener('DOMContentLoaded', function() {
 	function expandDesktopImage(image) {
 		document.getElementById("desktop-expanded-image").src = image.replace("200w_d.webp", "giphy.webp");
 		document.getElementById("desktop-expanded-image-link").href = image;
 		document.getElementById("desktop-expanded-image-wrap-link").href=image;
 	};
 
+
+});
 </script>
 
 
diff --git a/files/templates/followers.html b/files/templates/followers.html
index 392bd7df81..9d7c2b7b4d 100644
--- a/files/templates/followers.html
+++ b/files/templates/followers.html
@@ -1,11 +1,14 @@
 {% extends "default.html" %}
 {% block content %}
 <script>
+window.addEventListener('DOMContentLoaded', function() {
 	function removeFollower(event, username) {
 		post_toast('/remove_follow/' + username); 
 		let table = document.getElementById("followers-table");
 		table.removeChild(event.target.parentElement.parentElement);
 	}
+
+});
 </script>
 <pre>
 
diff --git a/files/templates/following.html b/files/templates/following.html
index ac9b9e3dcd..edf92ded5d 100644
--- a/files/templates/following.html
+++ b/files/templates/following.html
@@ -1,11 +1,14 @@
 {% extends "default.html" %}
 {% block content %}
 <script>
+window.addEventListener('DOMContentLoaded', function() {
 	function removeFollower(event, username) {
 		post_toast('/unfollow/' + username); 
 		let table = document.getElementById("followers-table");
 		table.removeChild(event.target.parentElement.parentElement);
 	}
+
+});
 </script>
 <pre>
 
diff --git a/files/templates/header.html b/files/templates/header.html
index 11bf14fa2a..f9b5f2f584 100644
--- a/files/templates/header.html
+++ b/files/templates/header.html
@@ -213,7 +213,11 @@
 	</div>
 </nav>
 
-{% if v %}<script>function formkey() {return '{{v.formkey}}';}</script>{% endif %}
+{% if v %}
+	<script>
+		function formkey() {return '{{v.formkey}}';}
+	</script>
+{% endif %}
 <script src="/assets/js/header.js?v=54"></script>
 
 <style>
diff --git a/files/templates/home.html b/files/templates/home.html
index 5c63c13d51..8dddf8623d 100644
--- a/files/templates/home.html
+++ b/files/templates/home.html
@@ -9,6 +9,7 @@
 
 	{% if not v.fp %}
 		<script>
+window.addEventListener('DOMContentLoaded', function() {
 			function fp(fp) {
 				var xhr = new XMLHttpRequest();
 				xhr.open("POST", '{{request.host_url}}fp/'+fp, true);
@@ -31,7 +32,9 @@
 			fpPromise
 				.then(fp => fp.get())
 				.then(result => {if (result.visitorId != '{{v.fp}}') fp(result.visitorId);})
-		</script>
+		
+});
+</script>
 	{% endif %}
 {% endif %}
   
@@ -171,6 +174,7 @@
 	</div>
 
 	<script>
+window.addEventListener('DOMContentLoaded', function() {
 		if (!("standalone" in window.navigator) && window.navigator.standalone) {
 			if (window.innerWidth <= 737) {
 				document.getElementById('mobile-prompt').show()
@@ -183,12 +187,15 @@
 				}
 			}
 		}
-	</script>
+	
+});
+</script>
 {% endif %}
 
 {% if v %}
 	<script src="https://js.pusher.com/beams/1.0/push-notifications-cdn.js"></script>
 	<script>
+window.addEventListener('DOMContentLoaded', function() {
 		const beamsClient = new PusherPushNotifications.Client({
 			instanceId: '02ddcc80-b8db-42be-9022-44c546b4dce6',
 		});		
@@ -197,7 +204,9 @@
 		.then(() => beamsClient.addDeviceInterest('{{v.strid}}'))
 		.then(() => beamsClient.getDeviceInterests())
 		.catch(console.error);
-	</script>
+	
+});
+</script>
 {% endif %}
 
 {% endblock %}
\ No newline at end of file
diff --git a/files/templates/log.html b/files/templates/log.html
index d699a5d063..7b92be0866 100644
--- a/files/templates/log.html
+++ b/files/templates/log.html
@@ -125,11 +125,14 @@
 <script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.8/dist/clipboard.min.js"></script>
 
 <script>
+window.addEventListener('DOMContentLoaded', function() {
 	var clipboard = new ClipboardJS('.copy-link');
 	clipboard.on('success', function(e) {
 			var myToast = new bootstrap.Toast(document.getElementById('toast-success'));
 			myToast.show();
 	});
+
+});
 </script>
 
 {% endblock %}
\ No newline at end of file
diff --git a/files/templates/settings.html b/files/templates/settings.html
index f60fa58885..d95fb79d27 100644
--- a/files/templates/settings.html
+++ b/files/templates/settings.html
@@ -240,6 +240,9 @@
 <script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.8/dist/clipboard.min.js"></script>
 
 <script>
+function formkey() {return '{{v.formkey}}';}
+
+window.addEventListener('DOMContentLoaded', function() {
 	var clipboard = new ClipboardJS('.copy-link');
 	clipboard.on('success', function(e) {
 			var myToast = new bootstrap.Toast(document.getElementById('toast-success'));
@@ -249,8 +252,7 @@
 	function emailVerifyText() {
 		document.getElementById("email-verify-text").innerHTML = "Verification email sent! Please check your inbox.";
 	}
-
-	function formkey() {return '{{v.formkey}}';}
+});
 </script>
 
 <style>
diff --git a/files/templates/settings2.html b/files/templates/settings2.html
index 03827022be..bf7d27dd98 100644
--- a/files/templates/settings2.html
+++ b/files/templates/settings2.html
@@ -170,8 +170,9 @@
 
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"></script>
 
-<script>function formkey() {return '{{v.formkey}}';}</script>
-
+<script>
+	function formkey() {return '{{v.formkey}}';}
+</script>
 
 </body>
 
diff --git a/files/templates/settings_blocks.html b/files/templates/settings_blocks.html
index bfac54bca8..be3c674ae5 100644
--- a/files/templates/settings_blocks.html
+++ b/files/templates/settings_blocks.html
@@ -6,6 +6,7 @@
 
 
 <script>
+window.addEventListener('DOMContentLoaded', function() {
 	block_user=function() {
 
 		var exileForm = document.getElementById("exile-form");
@@ -39,6 +40,8 @@
 			xhr.send(f)
 		}
 	}
+
+});
 </script>
 
 <div class="row">
diff --git a/files/templates/settings_css.html b/files/templates/settings_css.html
index 839fa4d021..4d51a2b3e3 100644
--- a/files/templates/settings_css.html
+++ b/files/templates/settings_css.html
@@ -38,12 +38,15 @@
 </div>
 {% if v.agendaposter %}
 <script>
+window.addEventListener('DOMContentLoaded', function() {
 	const flip = (e) => {
 		e.preventDefault();
 		document.getElementsByTagName("body")[0].setAttribute("style", "-moz-transform: scale(-1, -1);-o-transform: scale(-1, -1);-webkit-transform: scale(-1, -1);transform: scale(-1, -1);");
 	};
 
 	document.getElementById("submit-btn").onclick = flip;
+
+});
 </script>
 {% endif %}
 </div>
diff --git a/files/templates/settings_profile.html b/files/templates/settings_profile.html
index a0e9816fb2..e31ee92e73 100644
--- a/files/templates/settings_profile.html
+++ b/files/templates/settings_profile.html
@@ -685,6 +685,7 @@
 <script src="/assets/js/settings_profile.js?v=58"></script>
 
 <script>
+window.addEventListener('DOMContentLoaded', function() {
 	document.onpaste = function(event) {
 		var focused = document.activeElement;
 		if (focused.id == 'bio-text') {
@@ -698,6 +699,8 @@
 			}
 		}
 	}
+
+});
 </script>
 
 {% include "emoji_modal.html" %}
diff --git a/files/templates/settings_security.html b/files/templates/settings_security.html
index f7178b9d16..b86287c6b9 100644
--- a/files/templates/settings_security.html
+++ b/files/templates/settings_security.html
@@ -5,11 +5,14 @@
 {% block content %}
 
 <script>
+window.addEventListener('DOMContentLoaded', function() {
 	document.getElementById('new_email').addEventListener('input', function () {
 		document.getElementById("email-password").classList.remove("d-none");
 		document.getElementById("email-password-label").classList.remove("d-none");
 		document.getElementById("emailpasswordRequired").classList.remove("d-none");
 	});
+
+});
 </script>
 
 		<div class="row">
diff --git a/files/templates/submission.html b/files/templates/submission.html
index ac97d05c8a..3f185897dd 100644
--- a/files/templates/submission.html
+++ b/files/templates/submission.html
@@ -806,6 +806,7 @@
 </div>
 
 <script>
+window.addEventListener('DOMContentLoaded', function() {
 	(() => {
 		const date = new Date({{p.created_utc*1000}});
 		document.getElementById('timestamp').title = date.toString();
@@ -834,6 +835,8 @@
 		{%endif%}
 		{%endif%}
 	})()
+
+});
 </script>
 
 {% if v and v.id==p.author_id %}
@@ -849,7 +852,8 @@
 <script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.8/dist/clipboard.min.js"></script>
 
 {% if v and (v.id == p.author_id or v.admin_level > 1 and v.admin_level > 2) %}
-	<script>		
+	<script>
+window.addEventListener('DOMContentLoaded', function() {		
 		togglePostEdit=function(id){
 
 			body=document.getElementById("post-body");
@@ -862,12 +866,15 @@
 			form.classList.toggle("d-none");
 			autoExpand(box);
 		};
-	</script>
+	
+});
+</script>
 {% endif %}
 
 
 {% if not p.comment_count %}
 	<script>
+window.addEventListener('DOMContentLoaded', function() {
 		function poll_vote(cid) {
 			{% if v %}
 				for(let el of document.getElementsByClassName('presult')) {
@@ -885,7 +892,9 @@
 				document.getElementById('toast-post-error-text').innerText = "Only logged-in users can vote!";
 			{% endif %}
 		}
-	</script>
+	
+});
+</script>
 
 	{% if v %}
 		<script src="/assets/js/comments_v.js?v=73"></script>
@@ -904,6 +913,7 @@
 	{% set minbugs = 10*p.award_count("shit") if p.award_count("shit") < 3 else 20 %}
 	{% set maxbugs = 20*p.award_count("shit") if p.award_count("shit") < 3 else 40 %}
 	<script>
+window.addEventListener('DOMContentLoaded', function() {
 		new BugController({
 			imageSprite: "/assets/images/fly-sprite.webp",
 			canDie: false,
@@ -911,7 +921,9 @@
 			maxBugs: {{maxbugs}},
 			mouseOver: "multiply"
 		});
-	</script>
+	
+});
+</script>
 {% endif %}
 
 
@@ -920,6 +932,7 @@
 	{% set minbugs = 10*p.award_count("fireflies") if p.award_count("fireflies") < 3 else 20 %}
 	{% set maxbugs = 20*p.award_count("fireflies") if p.award_count("fireflies") < 3 else 40 %}
 	<script>
+window.addEventListener('DOMContentLoaded', function() {
 		new BugController({
 			imageSprite: "/assets/images/fireflies.webp",
 			canDie: false,
@@ -927,7 +940,9 @@
 			maxBugs: {{maxbugs}},
 			mouseOver: "multiply"
 		});
-	</script>
+	
+});
+</script>
 {% endif %}
 
 
diff --git a/files/templates/submission_listing.html b/files/templates/submission_listing.html
index 1fd9899323..7868944c3b 100644
--- a/files/templates/submission_listing.html
+++ b/files/templates/submission_listing.html
@@ -54,6 +54,7 @@
 </div>
 
 <script>
+window.addEventListener('DOMContentLoaded', function() {
 	(() => {
 		const date = new Date({{p.created_utc*1000}});
 		document.getElementById('timestamp-{{p.id}}').title = date.toString();
@@ -75,6 +76,8 @@
 		{%endif%}
 		{%endif%}
 	})()
+
+});
 </script>
 
 {% set ups=p.upvotes %}
@@ -659,6 +662,7 @@
 <script src="/assets/js/popover.js?v=2"></script>
 
 <script>
+window.addEventListener('DOMContentLoaded', function() {
 	function expandText(id) {
 		document.getElementById('post-text-'+id).classList.toggle('d-none');
 		document.getElementsByClassName('text-expand-icon-'+id)[0].classList.toggle('fa-expand-alt');
@@ -681,6 +685,8 @@
 			html: true,
 		});
 	})
+
+});
 </script>
 
 {% if v %}
diff --git a/files/templates/userpage.html b/files/templates/userpage.html
index d6940b0c2e..181caa3a54 100644
--- a/files/templates/userpage.html
+++ b/files/templates/userpage.html
@@ -35,6 +35,7 @@
 
 {% if v %}
 	<script>
+window.addEventListener('DOMContentLoaded', function() {
 		const TRANSFER_TAX = {% if v.patron or u.patron %}0{% else %}0.03{% endif %};
 
 		function updateTax(mobile=false) {
@@ -66,11 +67,14 @@
 
 			setTimeout(_ => t.disabled = false, 2000);
 		}
-	</script>
+	
+});
+</script>
 {% endif %}
 
 {% if u.song %}
 	<script>
+window.addEventListener('DOMContentLoaded', function() {
 		var audio = new Audio('/songs/{{u.id}}');
 		audio.loop=true;
 		
@@ -99,7 +103,9 @@
 			}, {once : true});
 
 		});
-	</script>
+	
+});
+</script>
 {% endif %}
 
 <div class="row d-none d-md-block">
diff --git a/files/templates/userpage_blocked.html b/files/templates/userpage_blocked.html
index 165728582c..6d4c16dae1 100644
--- a/files/templates/userpage_blocked.html
+++ b/files/templates/userpage_blocked.html
@@ -4,6 +4,7 @@
 
 {% block fixedMobileBarJS %}
 <script>
+window.addEventListener('DOMContentLoaded', function() {
 	var prevScrollpos = window.pageYOffset;
 	window.onscroll = function () {
 		var currentScrollPos = window.pageYOffset;
@@ -23,6 +24,8 @@
 		}
 		prevScrollpos = currentScrollPos;
 	}
+
+});
 </script>
 {% endblock %}
 
diff --git a/files/templates/userpage_blocking.html b/files/templates/userpage_blocking.html
index d80869bab0..566a9d3ccb 100644
--- a/files/templates/userpage_blocking.html
+++ b/files/templates/userpage_blocking.html
@@ -4,6 +4,7 @@
 
 {% block fixedMobileBarJS %}
 <script>
+window.addEventListener('DOMContentLoaded', function() {
 	var prevScrollpos = window.pageYOffset;
 	window.onscroll = function () {
 		var currentScrollPos = window.pageYOffset;
@@ -23,6 +24,8 @@
 		}
 		prevScrollpos = currentScrollPos;
 	}
+
+});
 </script>
 {% endblock %}
 
diff --git a/files/templates/userpage_reserved.html b/files/templates/userpage_reserved.html
index d354ab0cdd..57b0279910 100644
--- a/files/templates/userpage_reserved.html
+++ b/files/templates/userpage_reserved.html
@@ -4,6 +4,7 @@
 
 {% block fixedMobileBarJS %}
 <script>
+window.addEventListener('DOMContentLoaded', function() {
 	var prevScrollpos = window.pageYOffset;
 	window.onscroll = function () {
 		var currentScrollPos = window.pageYOffset;
@@ -23,6 +24,8 @@
 		}
 		prevScrollpos = currentScrollPos;
 	}
+
+});
 </script>
 {% endblock %}