diff --git a/plugins/linear-genome-view/src/LinearGenomeView/components/Highlight.tsx b/plugins/linear-genome-view/src/LinearGenomeView/components/Highlight.tsx index f04ed2893f..9614a001e3 100644 --- a/plugins/linear-genome-view/src/LinearGenomeView/components/Highlight.tsx +++ b/plugins/linear-genome-view/src/LinearGenomeView/components/Highlight.tsx @@ -25,9 +25,12 @@ const useStyles = makeStyles()(theme => ({ linkIcon: { color: colord(theme.palette.highlight.main).darken(0.2).toRgbString(), }, + z3: { + zIndex: 3, + }, })) -const Highlight = observer(function Highlight({ +const Highlight = observer(function ({ model, highlight, }: { @@ -82,7 +85,6 @@ const Highlight = observer(function Highlight({ ...highlight, refName: asm?.getCanonicalRefName(highlight.refName) ?? highlight.refName, }) - const r = h.wpw() return h ? (
{ setOpen(true) }} - style={{ zIndex: 3 }} > diff --git a/plugins/sv-inspector/src/SvInspectorView/index.ts b/plugins/sv-inspector/src/SvInspectorView/index.ts index 2951335104..f9c68d89b3 100644 --- a/plugins/sv-inspector/src/SvInspectorView/index.ts +++ b/plugins/sv-inspector/src/SvInspectorView/index.ts @@ -1,9 +1,10 @@ +import { lazy } from 'react' + import ViewType from '@jbrowse/core/pluggableElementTypes/ViewType' import { getContainingView, getSession } from '@jbrowse/core/util' import { navToMultiLevelBreak } from '@jbrowse/sv-core' import { type IAnyStateTreeNode, getParent } from 'mobx-state-tree' -import ReactComponent from './components/SvInspectorView' import stateModelFactory from './model' import type { SvInspectorViewModel } from './model' @@ -42,7 +43,7 @@ export default function SvInspectorViewF(pluginManager: PluginManager) { name: 'SvInspectorView', displayName: 'SV inspector', stateModel, - ReactComponent, + ReactComponent: lazy(() => import('./components/SvInspectorView')), }) }) }