From 706d55413b465dea1470a72dcc3d4507ebb9f6fe Mon Sep 17 00:00:00 2001
From: MattDHarding <starcide@gmail.com>
Date: Wed, 9 Mar 2022 20:09:32 +0000
Subject: [PATCH] Fix playlist editor can't click outside trash can to delete
 item

---
 changes/changelog.d/1348.bugfix           | 1 +
 front/src/components/playlists/Editor.vue | 6 ++++--
 2 files changed, 5 insertions(+), 2 deletions(-)
 create mode 100644 changes/changelog.d/1348.bugfix

diff --git a/changes/changelog.d/1348.bugfix b/changes/changelog.d/1348.bugfix
new file mode 100644
index 000000000..8136be0b7
--- /dev/null
+++ b/changes/changelog.d/1348.bugfix
@@ -0,0 +1 @@
+In playlist editor can now click outside the trashcan but inside the button to delete entry (#1348)
diff --git a/front/src/components/playlists/Editor.vue b/front/src/components/playlists/Editor.vue
index f4bf3e8e9..d60670575 100644
--- a/front/src/components/playlists/Editor.vue
+++ b/front/src/components/playlists/Editor.vue
@@ -157,10 +157,12 @@
                   {{ plt.track.artist.name }}
                 </td>
                 <td class="right aligned">
-                  <button class="ui circular danger basic icon button">
+                  <button 
+                    class="ui circular danger basic icon button"
+                    @click.stop="removePlt(index)"
+                  >
                     <i
                       class="trash icon"
-                      @click.stop="removePlt(index)"
                     />
                   </button>
                 </td>