Properly size linear genome view after creation

Author: cmdcolin

plugins/linear-genome-view/src/BaseLinearDisplay/models/BaseLinearDisplayModel.tsx

@@ -16,7 +16,7 @@ import {
 import { BaseBlock } from '@jbrowse/core/util/blockTypes'
 import CompositeMap from '@jbrowse/core/util/compositeMap'
 import { getParentRenderProps } from '@jbrowse/core/util/tracks'
-import { autorun } from 'mobx'
+import { autorun, when } from 'mobx'
 import {
   addDisposer,
   isAlive,
@@ -305,7 +305,7 @@ function stateModelFactory() {
                 },
                 {
                   label: 'Collapse introns',
-                  onClick: () => {
+                  onClick: async () => {
                     const { contextMenuFeature } = self
                     if (contextMenuFeature) {
                       const refName = contextMenuFeature.get('refName')
@@ -323,11 +323,24 @@ function stateModelFactory() {
                             assemblyName: view.assemblyNames[0],
                           })) || []
                       res.sort((a, b) => a.start - b.start)
-                      getSession(self).addView('LinearGenomeView', {
-                        ...getSnapshot(view),
-                        id: nanoid(),
-                        displayedRegions: res,
-                      })
+
+                      // need to strip ID before copying view snap
+                      const { id, ...rest } = getSnapshot(view)
+                      const newView = getSession(self).addView(
+                        'LinearGenomeView',
+                        {
+                          ...rest,
+                          id: nanoid(),
+                          tracks: rest.tracks.map(track => {
+                            const { id, ...rest } = track
+                            return { ...rest, id: nanoid() }
+                          }),
+                          displayedRegions: res,
+                        },
+                      ) as LGV
+                      await when(() => newView.initialized)
+
+                      newView.showAllRegions()
                     }
                   },
                 },

plugins/linear-genome-view/src/LinearGenomeView/components/Header.tsx

@@ -112,14 +112,11 @@ const Controls = ({ model }: { model: LGV }) => {
 }
 
 const LinearGenomeViewHeader = observer(({ model }: { model: LGV }) => {
+  const Wrapper = model.hideHeaderOverview ? React.Fragment : OverviewScalebar
   return !model.hideHeader ? (
-    model.hideHeaderOverview ? (
+    <Wrapper model={model}>
       <Controls model={model} />
-    ) : (
-      <OverviewScalebar model={model}>
-        <Controls model={model} />
-      </OverviewScalebar>
-    )
+    </Wrapper>
   ) : null
 })