From 16d284fe68020ea169e35674625692fcef812012 Mon Sep 17 00:00:00 2001
From: bivashy <me@bivashy.dev>
Date: Mon, 5 Jan 2026 22:24:42 +0500
Subject: [PATCH] Cleanup dom tree

---
 app/pages/edit.vue | 20 +++++++++-----------
 1 file changed, 9 insertions(+), 11 deletions(-)

diff --git a/app/pages/edit.vue b/app/pages/edit.vue
index 4078167..63c51fc 100644
--- a/app/pages/edit.vue
+++ b/app/pages/edit.vue
@@ -154,7 +154,7 @@ watch(() => currentPlaylistStore.id, (newId) => {
                 <InputWithIcon v-model="searchValue" :icon="Search" placeholder="Search..." type="search" icon-size="5"
                     id="user-search" class="w-full" />
 
-                <div ref="tracksRef">
+                <div>
                     <div v-if="isLoading" class="flex justify-center items-center py-8">
                         <p>Loading tracks...</p>
                     </div>
@@ -168,16 +168,14 @@ watch(() => currentPlaylistStore.id, (newId) => {
                         <p v-else>No tracks in this playlist</p>
                     </div>
 
-                    <div v-else ref="tracksRef" class="space-y-2">
-                        <VueDraggableNext v-model="mappedTracks" group="tracks" @change="onTrackOrderChange"
-                            item-key="id">
-                            <div v-for="track in mappedTracks" :key="track.id">
-                                <MusicCard :key="track.id" :title="track.title" :author="track.author"
-                                    :authorLabel="track.authorLabel" :badges="track.badges" :imageUrl="track.imageUrl"
-                                    :date="track.date" />
-                            </div>
-                        </VueDraggableNext>
-                    </div>
+                    <VueDraggableNext v-model="mappedTracks" group="tracks" @change="onTrackOrderChange" item-key="id"
+                        class="space-y-2" v-else>
+                        <div v-for="track in mappedTracks" :key="track.id">
+                            <MusicCard :key="track.id" :title="track.title" :author="track.author"
+                                :authorLabel="track.authorLabel" :badges="track.badges" :imageUrl="track.imageUrl"
+                                :date="track.date" />
+                        </div>
+                    </VueDraggableNext>
                 </div>
             </div>
             <template #sidebar>