fix: disable checkbox when editor is not editable #2406

Author: nperez0111

packages/core/src/blocks/ListItem/CheckListItem/block.ts

@@ -82,7 +82,11 @@ export const createCheckListItemBlockSpec = createBlockSpec(
       if (block.props.checked) {
         checkbox.setAttribute("checked", "");
       }
+      checkbox.disabled = !editor.isEditable;
       checkbox.addEventListener("change", () => {
+        if (!editor.isEditable) {
+          return;
+        }
         editor.updateBlock(block, { props: { checked: !block.props.checked } });
       });
       // We use a <p> tag, because for <li> tags we'd need a <ul> element to put

playground/vite.config.ts

@@ -44,10 +44,10 @@ export default defineConfig((conf) => ({
               __dirname,
               "../packages/xl-multi-column/src",
             ),
-            "@liveblocks/react-blocknote": resolve(
-              __dirname,
-              "../../liveblocks/packages/liveblocks-react-blocknote/src/",
-            ),
+            // "@liveblocks/react-blocknote": resolve(
+            //   __dirname,
+            //   "../../liveblocks/packages/liveblocks-react-blocknote/src/",
+            // ),
             "@blocknote/xl-email-exporter": resolve(
               __dirname,
               "../packages/xl-email-exporter/src",