fix: genome browser not jumping to locus with grch38 (#202)

bihealth · May 28, 2024 · 6d1f46b · 6d1f46b
1 parent 90b9218
commit 6d1f46b
Showing 1 changed file with 20 additions and 11 deletions.
diff --git a/src/components/GenomeBrowserCard/GenomeBrowserCard.vue b/src/components/GenomeBrowserCard/GenomeBrowserCard.vue
@@ -51,26 +51,35 @@ const addTracks = (browser: any) => {
   }
 }
 
+const removeTracks = (browser: any) => {
+  for (const track of publicTracks()) {
+    browser.removeTrack(track)
+  }
+}
+
 // Watch changes to the genome (requires full reload).
 watch(
   () => props.genomeBuild,
   () => {
-    ;(igvBrowser.value! as GenomeBrowser)
-      .loadGenome(translateGenome(props.genomeBuild))
-      .then((browser: GenomeBrowser) => {
-        browser.search(props.locus)
-      })
-      .then((browser: GenomeBrowser) => {
-        addTracks(browser)
-      })
+    if (igvBrowser.value && props.genomeBuild) {
+      removeTracks(igvBrowser.value! as GenomeBrowser)
+      ;(igvBrowser.value! as GenomeBrowser)
+        .loadGenome(translateGenome(props.genomeBuild))
+        .then(() => {
+          addTracks(igvBrowser.value! as GenomeBrowser)
+          if (props.locus) {
+            ;(igvBrowser.value! as GenomeBrowser).search(props.locus)
+          }
+        })
+    }
   }
 )
 
 // Watch changes to the locus (jumping is enough).
 watch(
   () => props.locus,
   () => {
-    if (igvBrowser.value) {
+    if (igvBrowser.value && props.locus) {
       ;(igvBrowser.value! as GenomeBrowser).search(props.locus)
     }
   }
@@ -84,11 +93,11 @@ onMounted(() => {
       locus: props.locus
     })
     .then((browser: GenomeBrowser) => {
-      igvBrowser.value = browser
       addTracks(browser)
       if (props.locus) {
-        ;(igvBrowser.value! as GenomeBrowser).search(props.locus)
+        ;(browser! as GenomeBrowser).search(props.locus)
       }
+      igvBrowser.value = browser
     })
 })
 </script>