From 790c676e57b1ef8abe7751047d8f454378b465ed Mon Sep 17 00:00:00 2001
From: Flawid DSouza <me@flawiddsouza.com>
Date: Thu, 26 Dec 2024 17:15:03 +0530
Subject: [PATCH] fix(ui): Request Panel > Body > Binary File > after clicking
 x to clear selected file, can't select same file from file picker, without
 selecting another file

---
 packages/ui/src/components/RequestPanel.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/components/RequestPanel.vue b/packages/ui/src/components/RequestPanel.vue
index 9138ccca..a78de3cf 100644
--- a/packages/ui/src/components/RequestPanel.vue
+++ b/packages/ui/src/components/RequestPanel.vue
@@ -249,9 +249,9 @@
                                 <template v-if="activeTab.body.fileName">{{ activeTab.body.fileName.name }}</template>
                                 <template v-else>No File Selected</template>
                             </span>
-                            <span style="border: 1px solid lightgrey; padding: 1px 5px; white-space: nowrap; margin-left: auto;" @click.prevent="activeTab.body.fileName = null" v-show="activeTab.body.fileName">x</span>
+                            <span style="border: 1px solid lightgrey; padding: 1px 5px; white-space: nowrap; margin-left: auto;" @click.prevent="activeTab.body.fileName = null; $refs.binaryFileInput.value = '';" v-show="activeTab.body.fileName">x</span>
                         </div>
-                        <input type="file" @change="activeTab.body.fileName = $event.target.files[0]" style="display: none;">
+                        <input type="file" ref="binaryFileInput" @change="activeTab.body.fileName = $event.target.files[0]" style="display: none;">
                     </label>
                 </div>
             </div>