Remove outline from clicking on SVG chord tracks (#2161)

* Remove outline * Add comment note
GMOD · Jul 26, 2021 · 7d4e500 · 7d4e500
1 parent ba4e748
commit 7d4e500
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/plugins/circular-view/src/BaseChordDisplay/components/RpcRenderedSvgGroup.js b/plugins/circular-view/src/BaseChordDisplay/components/RpcRenderedSvgGroup.js
@@ -19,7 +19,10 @@ export default ({ jbrequire }) => {
             domNode.style.display = 'none'
             unmountComponentAtNode(domNode)
           }
-          domNode.style.display = 'inline'
+
+          // setting outline:none fixes react "focusable" element issue. see
+          // https://github.com/GMOD/jbrowse-components/issues/2160
+          domNode.style.outline = 'none'
           domNode.innerHTML = html
           // use requestIdleCallback to defer main-thread rendering
           // and hydration for when we have some free time. helps