Added allow users to hover over record-level error messages

mathesar-foundation · Dec 17, 2024 · 17ac660 · 17ac660
1 parent f157aed
commit 17ac660
Showing 1 changed file with 9 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
@@ -9,11 +9,17 @@
   let errorIndicatorElement: SVGSVGElement | undefined;
   let cellElementIsHovered = false;
 
+  let hideTimeout: number;
+
   function setHover() {
+    clearTimeout(hideTimeout);
     cellElementIsHovered = true;
   }
+
   function unsetHover() {
-    cellElementIsHovered = false;
+    hideTimeout = setTimeout(() => {
+      cellElementIsHovered = false;
+    }, 1);
   }
   onMount(() => {
     const cell = errorIndicatorElement?.parentElement;
@@ -47,6 +53,8 @@
       reference: cellElement,
       options: { placement: 'top-start' },
     }}
+    on:mouseenter={() => setHover()}
+    on:mouseleave={() => unsetHover()}
   >
     {errors.join(' ')}
   </div>