fix: filter list checkbox properly hidden and has proper IDs

platform-coop-toolkit · Apr 22, 2020 · e8b97c8 · e8b97c8
1 parent b6d8308
commit e8b97c8
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git 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
@@ -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">