Prevent invisible hovering toolbar from taking focus

Broke moving between editable texts using tab inside hotspots tooltip. REDMINE-20673
codevise · Aug 1, 2024 · b4d1908 · b4d1908
1 parent c4b492b
commit b4d1908
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/entry_types/scrolled/package/src/frontend/inlineEditing/EditableText/HoveringToolbar.js b/entry_types/scrolled/package/src/frontend/inlineEditing/EditableText/HoveringToolbar.js
@@ -43,7 +43,7 @@ export function HoveringToolbar({position}) {
     const rect = domRange.getBoundingClientRect()
     const outerRect = outerRef.current.getBoundingClientRect()
 
-    el.style.opacity = 1;
+    el.style.visibility = 'visible';
     el.style.left = `${rect.left - outerRect.left}px`;
 
     if (position === 'above') {

diff --git a/entry_types/scrolled/package/src/frontend/inlineEditing/EditableText/index.module.css b/entry_types/scrolled/package/src/frontend/inlineEditing/EditableText/index.module.css
@@ -32,7 +32,7 @@
   z-index: 2;
   top: -10000px;
   left: -10000px;
-  opacity: 0;
+  visibility: hidden;
   white-space: nowrap;
 }