fix page search input being focusable when hidden

src/components/AlbumView/Header.vue

@@ -73,10 +73,6 @@ defineProps<{
   album: AlbumInfo;
 }>();
 
-const emit = defineEmits<{
-  (event: "resetBottomPadding"): void;
-}>();
-
 const albumheaderthing = ref<any>(null);
 const imguri = paths.images;
 const nav = useNavStore();
@@ -88,10 +84,6 @@ const nav = useNavStore();
  * @param {boolean} state the new visibility state of the album page header.
  */
 function handleVisibilityState(state: boolean) {
-  if (state) {
-    emit("resetBottomPadding");
-  }
-
   nav.toggleShowPlay(state);
 }
 

src/components/ContextMenu.vue

@@ -1,5 +1,6 @@
 <template>
   <div
+    v-show="context.visible"
     class="context-menu rounded shadow-lg no-select"
     ref="contextMenu"
     id="context-menu"

src/components/shared/NavSearchInput.vue

@@ -94,6 +94,7 @@ if (source) {
   width: 7rem;
   gap: $small;
   transition: all 0.25s;
+  transition-delay: 0.1s;
 }
 
 .header-input {
@@ -105,11 +106,11 @@ if (source) {
   z-index: 200;
   transition: all 0.25s $overshoot;
   opacity: 0;
-  transform: translateY(-1rem);
+  transform: translateY(-3.5rem);
   border-radius: 3rem;
   padding-left: 1rem;
   outline: solid 1px $gray1;
-  
+
   &:focus {
     outline: solid $darkblue;
   }