From 700d5965749e333303a9978539ee9f8ad96f4482 Mon Sep 17 00:00:00 2001
From: khattam2 <muskaan.khattak@aalto.fi>
Date: Sat, 16 Dec 2023 19:31:06 +0200
Subject: [PATCH] Fix sticky alert causing visual bug with exercise frame

This improves the code created in #1219.

Fixes #1311
---
 course/templates/course/course_base.html | 21 ++++++++++++---------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/course/templates/course/course_base.html b/course/templates/course/course_base.html
index 556c2884b..958707fe0 100644
--- a/course/templates/course/course_base.html
+++ b/course/templates/course/course_base.html
@@ -204,15 +204,18 @@ <h4 class="modal-title" id="unenroll-modal-title">
 {% endcomment %}
 
 <script>
-$(function() {
-	const hash = window.location.hash;
-	const target = $(hash);
-	const stickyAlert = $('.sticky-alert');
-	if (target.length > 0 && stickyAlert.length > 0) {
-		const alertHeight = stickyAlert[0].offsetHeight;
-		target.css('padding-top', alertHeight + 'px');
-	}
-});
+	$(document).ajaxStop(function(e) {
+		const stickyAlert = $('.sticky-alert');
+		if (stickyAlert.length > 0) {
+			const currentOffset = $(document).scrollTop();
+			const alertHeight = stickyAlert[0].offsetHeight;
+			if (currentOffset > alertHeight) {
+				const offset = currentOffset - alertHeight;
+				window.scrollTo({ top: offset });
+			}
+		}
+		$(this).unbind('ajaxStop');
+	});
 </script>
 
 {% endblock %}