Merge pull request #4087 from vishaljoshi789/#4083

Added allow users to hover over record-level error messages
mathesar-foundation · Dec 18, 2024 · cf3ddd4 · cf3ddd4
2 parents 579ba44 + 52d597e
commit cf3ddd4
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/mathesar_ui/src/systems/table-view/row/CellErrors.svelte b/mathesar_ui/src/systems/table-view/row/CellErrors.svelte
@@ -8,12 +8,17 @@
 
   let errorIndicatorElement: SVGSVGElement | undefined;
   let cellElementIsHovered = false;
+  let hiderTimeoutId: number;
 
   function setHover() {
+    window.clearTimeout(hiderTimeoutId);
     cellElementIsHovered = true;
   }
+
   function unsetHover() {
-    cellElementIsHovered = false;
+    hiderTimeoutId = window.setTimeout(() => {
+      cellElementIsHovered = false;
+    }, 1);
   }
   onMount(() => {
     const cell = errorIndicatorElement?.parentElement;
@@ -47,6 +52,8 @@
       reference: cellElement,
       options: { placement: 'top-start' },
     }}
+    on:mouseenter={() => setHover()}
+    on:mouseleave={() => unsetHover()}
   >
     {errors.join(' ')}
   </div>