From b72ede07f9f2e12934f4b8a0f0f2748ce4371a11 Mon Sep 17 00:00:00 2001
From: Mats Larsen <me@supergrecko.com>
Date: Tue, 22 Mar 2022 12:18:43 +0000
Subject: [PATCH] Fix DOM text reinterpretation issue (#3456)

---
 static/noscript.ts | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/static/noscript.ts b/static/noscript.ts
index 804666c4694..728b08478b5 100644
--- a/static/noscript.ts
+++ b/static/noscript.ts
@@ -36,16 +36,15 @@ $(document).on('ready', () => {
         span.remove();
         const option = container.find('input');
         option.addClass('d-none');
-        const button = $(`
-          <button
-            title="${option.attr('title')}"
-            aria-pressed=${option.attr('checked') === 'checked' ? 'true' : 'false'}
-            data-bind="${option.attr('name')}"
-            type="button"
-            class="dropdown-item btn btn-sm btn-light">
-          </button>`
-        );
+
+        const button = $('<button />');
+        button.addClass('dropdown-item btn btn-sm btn-light');
+        button.attr('type', 'button');
+        button.attr('title', option.attr('title') ?? '');
+        button.data('bind', option.attr('name') ?? '');
+        button.attr('aria-pressed', option.attr('checked') === 'checked' ? 'true' : 'false');
         button.append(span);
+
         container.prepend(button);
         const parent = container.parent();
         parent.removeClass('noscriptdropdown');