diff --git a/docs/src/demos/Examples/TodoApp/index.vue b/docs/src/demos/Examples/TodoApp/index.vue
index f72fd71a..a8dfcca0 100644
--- a/docs/src/demos/Examples/TodoApp/index.vue
+++ b/docs/src/demos/Examples/TodoApp/index.vue
@@ -18,7 +18,7 @@ const CustomDocument = Document.extend({
 })
 
 const CustomTaskItem = TaskItem.extend({
-  content: 'paragraph',
+  content: 'inline*',
 })
 
 export default {
diff --git a/packages/extension-task-item/src/index.ts b/packages/extension-task-item/src/index.ts
index 85312070..562e6132 100644
--- a/packages/extension-task-item/src/index.ts
+++ b/packages/extension-task-item/src/index.ts
@@ -79,6 +79,7 @@ const TaskItem = Node.create({
       const content = document.createElement('div')
 
       checkbox.type = 'checkbox'
+      checkbox.contentEditable = 'false'
       checkbox.addEventListener('change', event => {
         const { checked } = event.target as any