From 5a4792ea4342e03920d5b70db8089b77314c1843 Mon Sep 17 00:00:00 2001
From: Ross <ross@xkjq.uk>
Date: Mon, 10 Nov 2025 22:04:46 +0000
Subject: [PATCH] Enhance exam take fragment to update global question header
 with current question number and stem, improving synchronization and user
 experience.

---
 .../physics/partials/exam_take_fragment.html          | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/physics/templates/physics/partials/exam_take_fragment.html b/physics/templates/physics/partials/exam_take_fragment.html
index 89e350f9..3454106d 100644
--- a/physics/templates/physics/partials/exam_take_fragment.html
+++ b/physics/templates/physics/partials/exam_take_fragment.html
@@ -6,6 +6,8 @@
         {{ form.non_field_errors }}
 
         <div class="form-contents">
+            <!-- Mobile/fragment-visible copy of the question stem (kept hidden on md+ because main page shows it) -->
+            <div class="question-stem-fragment d-md-none mb-2">{{ question.stem|safe }}</div>
             <ol class="physics-answer-list">
                 <li data-ans="a">
                     <div class="fieldWrapper flex-container">
@@ -74,6 +76,15 @@
     <script>
         (function () {
             /* run after fragment is loaded */
+            // Update the global page header question number and stem so the top of the page stays in sync
+            try {
+                var qnum = document.getElementById('question-number');
+                if (qnum) { qnum.textContent = '{{ pos|add:"1" }}'; }
+                var qstem = document.getElementById('question-stem');
+                if (qstem) { qstem.innerHTML = '{{ question.stem|escapejs }}'; }
+            } catch (err) {
+                console.warn('Could not update global question header from fragment', err);
+            }
             {% if not exam.publish_results and not cid_user_exam.completed %}
                 let time_limit = '{{ exam.time_limit }}';
                 if (time_limit != 'None') {