Ensure checkbox is checked when clicked

Using a single checked attribute for this didn't work because clicking on it changed the state. Instead we have to create a new box for each case so it stays checked when clicked.
ilios · Aug 12, 2016 · 8a62381 · 8a62381
1 parent d7067e8
commit 8a62381
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/app/templates/components/objective-manage-competency.hbs b/app/templates/components/objective-manage-competency.hbs
@@ -6,7 +6,11 @@
       {{#if (contains domain.id (map-by 'id' (await domainsWithNoChildren)))}}
         <li {{action (if (eq domain.id objective.competency.id) 'removeCurrentCompetency' 'changeCompetency') domain}} class="competency-title clickable {{if (eq domain.id objective.competency.id) 'selected'}}">
           <h5>
-            {{input type='checkbox' checked=(eq domain.id objective.competency.id)}}
+            {{#if (eq domain.id objective.competency.id)}}
+              <input type='checkbox' checked />
+            {{else}}
+              <input type='checkbox' />
+            {{/if}}
             {{domain.title}}
           </h5>
         </li>
@@ -19,7 +23,11 @@
             {{#each (sort-by 'title' (await domain.children)) as |competency|}}
               {{#if (contains competency.id (map-by 'id' (await competencies)))}}
                 <li {{action (if (eq competency.id objective.competency.id) 'removeCurrentCompetency' 'changeCompetency') competency}} class="competency-title clickable {{if (eq competency.id objective.competency.id) 'selected'}}">
-                  {{input type='checkbox' checked=(eq competency.id objective.competency.id)}}
+                  {{#if (eq competency.id objective.competency.id)}}
+                    <input type='checkbox' checked />
+                  {{else}}
+                    <input type='checkbox' />
+                  {{/if}}
                   {{competency.title}}
                 </li>
               {{/if}}