Use a different technique to scroll mobile list to selected location …

…when hidden

Using `scrollIntoView` scrolls the item into view not just horizontally in the MobileList, but also vertically in the whole viewport, causing the viewport to jumpt down and then transition up with the list (looking janky).

src/components/elements/MobileList.vue

@@ -38,8 +38,21 @@ function handleSelectedUuidUpdate(uuid: string | undefined, smooth = true) {
   if (scrollingList)
     return
 
+  const card = document.querySelector(`[data-card-uuid="${uuid}"]`)
+  if (!card)
+    return
+
   scrollingIntoView = true
-  document.querySelector(`[data-card-uuid="${uuid}"]`)?.scrollIntoView({ behavior: smooth ? 'smooth' : 'instant' })
+
+  if (smooth) {
+    card.scrollIntoView({ behavior: 'smooth' })
+  }
+  else {
+    scrollRoot.value!.scrollTo({
+      left: card.getBoundingClientRect().left,
+      behavior: 'instant',
+    })
+  }
 
   if (smooth) {
     if ('onscrollend' in window) {