tiny fixes

static/index.html

@@ -54,7 +54,7 @@
             </div>
             <button type="submit" class="btn btn-primary join-item">Search</button>
           </form>
-          <ul class="dropdown list rounded-box bg-base-100 shadow-sm overflow-y-scroll max-h-[40vh]" popover
+          <ul class="dropdown list rounded-box bg-base-100 shadow-sm overflow-y-scroll max-h-[40dvh]" popover
             id="search-nav-dropdown" style="position-anchor:--search-nav; width: anchor-size(width);">
           </ul>
         </div>
@@ -183,10 +183,8 @@
       <button>close</button>
     </form>
   </dialog>
-
-
   <dialog id="search-dock-modal" class="modal modal-bottom sm:modal-middle">
-    <div class="modal-box flex flex-col  sm:h-auto max-h-[70vh]">
+    <div class="modal-box flex flex-col  sm:h-auto max-h-[50dvh]">
       <ul id="search-dock-songs" class="list overflow-y-auto flex-grow">
       </ul>
 
@@ -287,6 +285,9 @@
 
           DOMMainSongPersonal.querySelector("img")?.remove()
           DOMMainSongPersonal.querySelector("button")?.remove()
+
+          DOMMainSongPersonal.children[1].draggable = false;
+
           return
         }
 
@@ -495,9 +496,13 @@
         constrainDimensions: true,
       }
     });
+    sortable.on("drag:start", (evt) => {
+      if (evt.source.draggable) return;
+      evt.cancel()
+    })
     sortable.on('sortable:stop', (evt) => {
       setTimeout(() => {
-        const {oldIndex, newIndex} = evt.data;
+        const {oldIndex, newIndex} = evt;
         queues.personal.move(oldIndex, newIndex);
 
         if (queues.personal.length > 0) {
@@ -515,6 +520,8 @@
     DOMSearchDockButton.addEventListener("click", () => {
       DOMSearchDockSongs.innerHTML = "";
       DOMSearchDockModal.showModal()
+      DOMSearchDockInput.focus();
+      setTimeout(window.scrollTo({left: 0, top: document.body.scrollHeight, behavior: "smooth"}), 500);
     })
 
   </script>