From 689d4cd5f412aacff548b4eda945b01c058eb28c Mon Sep 17 00:00:00 2001
From: Maksym Pipkun <maxcim1077@gmail.com>
Date: Tue, 15 Apr 2025 12:56:17 +0300
Subject: [PATCH] fix: update Dropzone component to use ref for form reset
 functionality

---
 adminforth/spa/src/afcl/Dropzone.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/adminforth/spa/src/afcl/Dropzone.vue b/adminforth/spa/src/afcl/Dropzone.vue
index 1fcd5afa..4bada0a9 100644
--- a/adminforth/spa/src/afcl/Dropzone.vue
+++ b/adminforth/spa/src/afcl/Dropzone.vue
@@ -1,6 +1,6 @@
 <template>
     <!-- tag form used to reset the input (method .reset() in claer() function) -->
-  <form class="flex items-center justify-center w-full"
+  <form ref="form" class="flex items-center justify-center w-full"
     @dragover.prevent="dragging = true"
     @dragleave.prevent="dragging = false"
     @drop.prevent="dragging = false; doEmit($event.dataTransfer.files)"
@@ -125,12 +125,12 @@ function doEmit(filesIn: FileList) {
 }
 
 const dragging = ref(false);
+const form = ref<HTMLFormElement | null>(null);
 
 function clear() {
   selectedFiles.value = [];
   emit('update:modelValue', []);
-  const form = document.getElementById(id)?.closest('form');
-  form?.reset();
+  form.value?.reset();
 }
 
 defineExpose({