From 4c997d6cc48078d084b7c70742d12a3dcb908fb1 Mon Sep 17 00:00:00 2001
From: Olufunke Moronfolu <olufunke.moronfolu@mendix.com>
Date: Fri, 22 May 2026 14:06:07 +0200
Subject: [PATCH] fix: hidden feedback widget on index pages and wrap feedback
 script in DOMContentLoaded to fix broken issue link

---
 layouts/docs/list.html         |  3 +-
 layouts/partials/feedback.html | 63 ++++++++++++++++++----------------
 2 files changed, 36 insertions(+), 30 deletions(-)

diff --git a/layouts/docs/list.html b/layouts/docs/list.html
index 4361069de15..164a15f35e9 100644
--- a/layouts/docs/list.html
+++ b/layouts/docs/list.html
@@ -11,7 +11,8 @@ <h1>{{ .Title }}</h1>
 	</header>
 	{{ .Content }}
         {{ partial "section-index.html" . }}
-	{{ if (and (not .Params.hide_feedback) (.Site.Params.ui.feedback.enable) (.Site.Config.Services.GoogleAnalytics.ID)) }}
+	<!-- Olu: removed checking for .Site.Config.Services.GoogleAnalytics.ID as part of the conditions -->
+	{{ if (and (not .Params.hide_feedback) (.Site.Params.ui.feedback.enable)) }}
 		{{ partial "feedback.html" .Site.Params.ui.feedback }}
 		<br />
 	{{ end }}
diff --git a/layouts/partials/feedback.html b/layouts/partials/feedback.html
index 023c644ef44..678a8617bff 100644
--- a/layouts/partials/feedback.html
+++ b/layouts/partials/feedback.html
@@ -66,35 +66,40 @@ <h2 class="feedback--title">Feedback</h2>
 
 <!-- NK - document.querySelector lines grab feedback issue link generated from page-meta-links.html -->
 <script>
-  document.querySelector('.feedback--link').href = document.querySelector('a.feedback-issue').href;
-  const yesButton = document.querySelector('.feedback--answer-yes');
-  const noButton = document.querySelector('.feedback--answer-no');
-  const yesResponse = document.querySelector('.feedback--response-yes');
-  const noResponse = document.querySelector('.feedback--response-no');
-  const disableButtons = () => {
-    yesButton.disabled = true;
-    noButton.disabled = true;
-  };
-  const sendFeedback = (value) => {
-    if (typeof ga !== 'function') return;
-    const args = {
-      command: 'send',
-      hitType: 'event',
-      category: 'Helpful',
-      action: 'click',
-      label: window.location.pathname,
-      value: value
+  document.addEventListener('DOMContentLoaded', function () {
+    const feedbackIssueLink = document.querySelector('a.feedback-issue');
+    if (feedbackIssueLink) {
+      document.querySelector('.feedback--link').href = feedbackIssueLink.href;
+    }
+    const yesButton = document.querySelector('.feedback--answer-yes');
+    const noButton = document.querySelector('.feedback--answer-no');
+    const yesResponse = document.querySelector('.feedback--response-yes');
+    const noResponse = document.querySelector('.feedback--response-no');
+    const disableButtons = () => {
+      yesButton.disabled = true;
+      noButton.disabled = true;
     };
-    ga(args.command, args.hitType, args.category, args.action, args.label, args.value);
-  };
-  yesButton.addEventListener('click', () => {
-    yesResponse.classList.add('feedback--response__visible');
-    disableButtons();
-    sendFeedback(1);
-  });
-  noButton.addEventListener('click', () => {
-    noResponse.classList.add('feedback--response__visible');
-    disableButtons();
-    sendFeedback(0);
+    const sendFeedback = (value) => {
+      if (typeof ga !== 'function') return;
+      const args = {
+        command: 'send',
+        hitType: 'event',
+        category: 'Helpful',
+        action: 'click',
+        label: window.location.pathname,
+        value: value
+      };
+      ga(args.command, args.hitType, args.category, args.action, args.label, args.value);
+    };
+    yesButton.addEventListener('click', () => {
+      yesResponse.classList.add('feedback--response__visible');
+      disableButtons();
+      sendFeedback(1);
+    });
+    noButton.addEventListener('click', () => {
+      noResponse.classList.add('feedback--response__visible');
+      disableButtons();
+      sendFeedback(0);
+    });
   });
 </script>