diff --git a/resources/assets/js/views/common/documents.js b/resources/assets/js/views/common/documents.js
index b893aa176..6bf85e7a5 100644
--- a/resources/assets/js/views/common/documents.js
+++ b/resources/assets/js/views/common/documents.js
@@ -489,7 +489,7 @@ const app = new Vue({
                 this.form.items.push({
                     item_id: item.item_id,
                     name: item.name,
-                    description: item.description,
+                    description: item.description === null ? "" : item.description,
                     quantity: item.quantity,
                     price: (item.price).toFixed(2),
                     tax_ids: item.tax_ids,
@@ -524,7 +524,7 @@ const app = new Vue({
                 this.items.push({
                     item_id: item.item_id,
                     name: item.name,
-                    description: item.description,
+                    description: item.description === null ? "" : item.description,
                     quantity: item.quantity,
                     price: (item.price).toFixed(2),
                     add_tax: true,
diff --git a/resources/views/components/documents/form/line-item.blade.php b/resources/views/components/documents/form/line-item.blade.php
index 2fca5c86d..de88f348e 100644
--- a/resources/views/components/documents/form/line-item.blade.php
+++ b/resources/views/components/documents/form/line-item.blade.php
@@ -44,7 +44,7 @@
                                                     required="required"
                                                     data-item="name"
                                                     v-model="row.name"
-                                                    @input="onCalculateTotal"
+                                                    @input="onBindingItemField(index, 'name')"
                                                     @change="form.errors.clear('items.' + index + '.name')">
                                 
                                                 <div class="invalid-feedback d-block"
@@ -68,6 +68,7 @@
                                                 v-model="row.description"
                                                 data-item="description"
                                                 resize="none"
+                                                @input="onBindingItemField(index, 'description')"
                                             ></textarea>
                                         </td>
                                     @endif