From 4c77ecfc87be594620b496048caadc87647ed7da Mon Sep 17 00:00:00 2001
From: Jake Howard <git@theorangeone.net>
Date: Mon, 2 Sep 2024 22:07:05 +0100
Subject: [PATCH] Force checkboxes to initial value

---
 src/code-collapse/index.html |  3 ++-
 src/code-collapse/index.js   | 10 ++++++++++
 2 files changed, 12 insertions(+), 1 deletion(-)
 create mode 100644 src/code-collapse/index.js

diff --git a/src/code-collapse/index.html b/src/code-collapse/index.html
index 0057d3a..29bf930 100644
--- a/src/code-collapse/index.html
+++ b/src/code-collapse/index.html
@@ -6,12 +6,13 @@
     <p>Here's some content before</p>
 
     <div class="code-collapse-wrapper">
-      <input type="checkbox" id="collapse" />
+      <input type="checkbox" id="collapse" checked />
       <label class="open-tag" for="collapse" aria-label="tag">&lt;tag</label>
       <div class="collapse-content">This is the inner content</div>
       <label for="collapse" class="close-tag">&lt;/tag&gt;</label>
     </div>
 
     <p>Text below the collapse, which should move out the way</p>
+    <script type="module" src="index.js"></script>
   </body>
 </html>
diff --git a/src/code-collapse/index.js b/src/code-collapse/index.js
new file mode 100644
index 0000000..b055d6f
--- /dev/null
+++ b/src/code-collapse/index.js
@@ -0,0 +1,10 @@
+const collapse = document.getElementById("collapse");
+
+document.addEventListener("DOMContentLoaded", function () {
+  // Force checkboxes to their initial value
+  for (const checkbox of this.document.querySelectorAll(
+    "input[type=checkbox",
+  )) {
+    checkbox.checked = checkbox.defaultChecked;
+  }
+});