From 7d4e500f1559a8a4efc9708055b238be0375817d Mon Sep 17 00:00:00 2001 From: Colin Diesh Date: Mon, 26 Jul 2021 17:39:13 -0400 Subject: [PATCH] Remove outline from clicking on SVG chord tracks (#2161) * Remove outline * Add comment note --- .../src/BaseChordDisplay/components/RpcRenderedSvgGroup.js | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/plugins/circular-view/src/BaseChordDisplay/components/RpcRenderedSvgGroup.js b/plugins/circular-view/src/BaseChordDisplay/components/RpcRenderedSvgGroup.js index f26b940763..bed68c9cc0 100644 --- 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