Merge pull request #1041 from rajku-dev/fix/tooltip-hover

[FIX] Tooltip Inaccessible on Hover in Annotation Assistant (#994)
camicroscope · Nov 29, 2024 · b55dfc7 · b55dfc7
2 parents f42d59a + 66b2a8f
commit b55dfc7
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/components/ml-assistant/ml-assistant.js b/components/ml-assistant/ml-assistant.js
@@ -153,6 +153,11 @@ Assistant.prototype.__refreshUI = async function() {
     placement: 'left',
     delay: 300,
     theme: 'translucent',
+    interactive: true,
+    trigger: 'mouseenter focus',
+    aria: {
+      content: 'describedby',
+    },
   });
 
   const thresholdLabel = this.settingZone.threshold.querySelector('pre');
@@ -162,6 +167,11 @@ Assistant.prototype.__refreshUI = async function() {
     placement: 'left',
     delay: 300,
     theme: 'translucent',
+    interactive: true,
+    trigger: 'mouseenter focus',
+    aria: {
+      content: 'describedby',
+    },
   });
 
   const overlapLabel = this.settingZone.overlap.querySelector('pre');
@@ -171,6 +181,11 @@ Assistant.prototype.__refreshUI = async function() {
     placement: 'left',
     delay: 300,
     theme: 'translucent',
+    interactive: true,
+    trigger: 'mouseenter focus',
+    aria: {
+      content: 'describedby',
+    },
   });
   this.modelPredictImgContainer = this.view.querySelector('.model-predict-image-container'),
 

diff --git a/git b/git