diff --git a/src/components/VnTable/VnTable.vue b/src/components/VnTable/VnTable.vue
index c4cbd6617..1c77d9962 100644
--- a/src/components/VnTable/VnTable.vue
+++ b/src/components/VnTable/VnTable.vue
@@ -392,12 +392,14 @@ function hasEditableFormat(column) {
 }
 
 const clickHandler = async (event) => {
-    const clickedElement = event.target.closest('td');
-    const isDateElement = event.target.closest('.q-date');
-    const isTimeElement = event.target.closest('.q-time');
-    const isQSelectDropDown = event.target.closest('.q-select__dropdown-icon');
+    const el = event.target;
+    const clickedElement = el.closest('td');
+    const isDateElement = el.closest('.q-date');
+    const isTimeElement = el.closest('.q-time');
+    const isQSelectDropDown = el.closest('.q-select__dropdown-icon');
+    const isDialog = el.closest('.q-dialog');
 
-    if (isDateElement || isTimeElement || isQSelectDropDown) return;
+    if (isDateElement || isTimeElement || isQSelectDropDown || isDialog) return;
 
     if (clickedElement === null) {
         await destroyInput(editingRow.value, editingField.value);