add tracking dataset for bound checkboxes

Author: silverwind

web_src/js/markup/tasklist.js

@@ -1,6 +1,5 @@
 /**
  * Attaches `input` handlers to markdown rendered tasklist checkboxes in comments.
- * The code assumes the checkbox will be initially disabled by the markdown renderer.
  *
  * When a checkbox value changes, the corresponding [ ] or [x] in the markdown string
  * is set accordingly and sent to the server. On success it updates the raw-content on
@@ -12,9 +11,11 @@ const preventListener = (e) => e.preventDefault();
 export function initMarkupTasklist() {
   for (const el of document.querySelectorAll(`.markup[data-can-edit=true]`) || []) {
     const container = el.parentNode;
-    const checkboxes = el.querySelectorAll(`.task-list-item input[type=checkbox][disabled]`);
+    const checkboxes = el.querySelectorAll(`.task-list-item input[type=checkbox]`);
 
     for (const checkbox of checkboxes) {
+      if (checkbox.dataset.editable) return;
+      checkbox.dataset.editable = 'true';
       checkbox.addEventListener('input', async () => {
         const checkboxCharacter = checkbox.checked ? 'x' : ' ';
         const position = parseInt(checkbox.dataset.sourcePosition) + 1;