diff --git a/app/javascript/vue/shared/content/checklistItem.vue b/app/javascript/vue/shared/content/checklistItem.vue
index 3db4d13a5..9c4420e65 100644
--- a/app/javascript/vue/shared/content/checklistItem.vue
+++ b/app/javascript/vue/shared/content/checklistItem.vue
@@ -40,7 +40,7 @@
             @update="updateText"
             @delete="removeItem()"
             @keypress="keyPressHandler"
-            @blur="editingText = false"
+            @blur="onBlurHandler"
           />
           <span v-if="!editingText && (!checklistItem.attributes.urls || deleteUrl)" class="absolute right-0 top-0.5 leading-6 tw-hidden group-hover/checklist-item-header:inline-block !text-sn-blue cursor-pointer" @click="showDeleteModal" tabindex="0">
             <i class="sn-icon sn-icon-delete"></i>
@@ -139,6 +139,11 @@
         this.checklistItem.attributes.checked = this.$refs.checkbox.checked;
         this.$emit('toggle', this.checklistItem);
       },
+      onBlurHandler() {
+        this.$nextTick(() => {
+          this.editingText = false;
+        });
+      },
       updateText(text, withKey) {
         if (text.length === 0) {
           this.disableTextEdit();