From e8b97c862b39c09de012ceabfbd9878e8d3a64b0 Mon Sep 17 00:00:00 2001
From: Jonathan Hung <jhung@ocadu.ca>
Date: Wed, 22 Apr 2020 11:13:30 -0400
Subject: [PATCH] fix: filter list checkbox properly hidden and has proper IDs

---
 src/assets/styles/components/_input.scss             | 4 ++++
 src/components/molecules/filter-list/filter-list.njk | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/assets/styles/components/_input.scss b/src/assets/styles/components/_input.scss
index 971c01d5..6bdcb1b4 100644
--- a/src/assets/styles/components/_input.scss
+++ b/src/assets/styles/components/_input.scss
@@ -264,6 +264,10 @@ input[type="checkbox"],
 	}
 }
 
+[role="checkbox"] + input[type="checkbox"] {
+	display: none;
+}
+
 input[type="radio"] + label,
 input[type="checkbox"] + label {
 	font-weight: $font-weight-normal;
diff --git a/src/components/molecules/filter-list/filter-list.njk b/src/components/molecules/filter-list/filter-list.njk
index 0a475f37..1f550616 100644
--- a/src/components/molecules/filter-list/filter-list.njk
+++ b/src/components/molecules/filter-list/filter-list.njk
@@ -16,7 +16,7 @@
 					<li>
 						{% if term.children %}
 							{% set count = term.children.length %}
-							{% render '@checkbox', {label: term.label, value: term.label | slugify, name: label | slugify, standAlone: false, inverse: true}, true %}
+							{% render '@checkbox', {label: term.label, value: term.label | slugify, name: term.label | slugify, standAlone: false, inverse: true}, true %}
 							<span class="filter-disclosure-label" hidden>show {{ count }} subtopics for "{{ term.label }}"</span>
 							<span class="supplementary-label" hidden> (and {{ count }} subtopics)</span>
 							<ul class="input-group input-group__descendant">