From 8c89167dcc21ce602a43c3c55a93287e7815ca36 Mon Sep 17 00:00:00 2001
From: Felix Vollmer <felixvollmer@gmail.com>
Date: Tue, 12 May 2026 12:04:32 +0200
Subject: [PATCH] fix: correct variable declaration for routingSection in
 approval groups

---
 .../static/django_forms_workflows/js/workflow-builder.js    | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/django_forms_workflows/static/django_forms_workflows/js/workflow-builder.js b/django_forms_workflows/static/django_forms_workflows/js/workflow-builder.js
index 2fe8703..ba40e5c 100644
--- a/django_forms_workflows/static/django_forms_workflows/js/workflow-builder.js
+++ b/django_forms_workflows/static/django_forms_workflows/js/workflow-builder.js
@@ -1148,7 +1148,7 @@ class WorkflowBuilder {
             </div>
         `;
 
-        const routingSection = `
+        let routingSection = `
             <div class="mb-3">
                 <label class="form-label"><i class="bi bi-people"></i> <strong>Approval Groups</strong></label>
                 <select class="form-select builder-multiselect-lg" id="stage_groups_${node.id}" name="approval_groups" multiple size="6"
@@ -1157,10 +1157,10 @@ class WorkflowBuilder {
 
         this.groups.forEach(group => {
             const selected = selectedGroupIds.includes(group.id) ? 'selected' : '';
-            html += `<option value="${group.id}" ${selected}>${this.escapeHtml(group.name)}</option>`;
+            routingSection += `<option value="${group.id}" ${selected}>${this.escapeHtml(group.name)}</option>`;
         });
 
-        html += `
+        routingSection += `
                 </select>
                 <small class="text-muted d-block mt-1">Hold Ctrl/Cmd to select multiple groups.</small>
             </div>