From 468270d1172ea2ea1b9e144913e6f6ba48d8085c Mon Sep 17 00:00:00 2001
From: Atanas Yonkov <atanas.yonkov@crust.tech>
Date: Thu, 6 Apr 2023 10:44:58 +0300
Subject: [PATCH] Fix record deletion from the three dots dropdown not possible
 on Firefox

---
 .../components/PageBlocks/RecordListBase.vue  | 31 ++++++++-----------
 1 file changed, 13 insertions(+), 18 deletions(-)

diff --git a/client/web/compose/src/components/PageBlocks/RecordListBase.vue b/client/web/compose/src/components/PageBlocks/RecordListBase.vue
index 65c45f0c7..3ce33295e 100644
--- a/client/web/compose/src/components/PageBlocks/RecordListBase.vue
+++ b/client/web/compose/src/components/PageBlocks/RecordListBase.vue
@@ -557,26 +557,21 @@
                       />
                     </b-dropdown-item>
 
-                    <b-dropdown-item
+                    <c-input-confirm
                       v-if="isDeleteActionVisible(item.r)"
-                      link-class="p-0"
-                      @click.prevent
+                      borderless
+                      variant="link"
+                      size="md"
+                      button-class="dropdown-item text-decoration-none text-dark regular-font rounded-0"
+                      class="w-100"
+                      @confirmed="handleDeleteSelectedRecords(item.r.recordID)"
                     >
-                      <c-input-confirm
-                        borderless
-                        variant="link"
-                        size="md"
-                        button-class="dropdown-item text-decoration-none text-dark regular-font rounded-0"
-                        class="w-100"
-                        @confirmed="handleDeleteSelectedRecords(item.r.recordID)"
-                      >
-                        <font-awesome-icon
-                          :icon="['far', 'trash-alt']"
-                          class="text-danger"
-                        />
-                        {{ $t('recordList.record.tooltip.delete') }}
-                      </c-input-confirm>
-                    </b-dropdown-item>
+                      <font-awesome-icon
+                        :icon="['far', 'trash-alt']"
+                        class="text-danger"
+                      />
+                      {{ $t('recordList.record.tooltip.delete') }}
+                    </c-input-confirm>
                   </template>
                 </b-dropdown>
               </b-td>