a11y(2.1.1): fake-button widgets — replace deprecated onkeypress with onkeydown handling Enter and Space

src/lib/components/lines-and-dots/svg/timeline-graph-row.svelte

@@ -140,6 +140,13 @@
     setActiveGroup(group);
   };
 
+  const onKeydown = (event: KeyboardEvent) => {
+    if (event.key === 'Enter' || event.key === ' ') {
+      event.preventDefault();
+      onClick();
+    }
+  };
+
   const onMouseEnter = () => {
     if (readOnly) return;
     hovering = true;
@@ -209,7 +216,7 @@
   tabindex="0"
   aria-label={accessibleName}
   onclick={onClick}
-  onkeypress={onClick}
+  onkeydown={onKeydown}
   onmouseenter={onMouseEnter}
   onmouseleave={onMouseLeave}
   class="relative cursor-pointer"

src/lib/components/workflow/relationships/workflow-family-node-tree.svelte

@@ -82,6 +82,13 @@
     onNodeClick(node, generation);
   };
 
+  const handleNodeKeydown = (event: KeyboardEvent, target: RootNode) => {
+    if (event.key === 'Enter' || event.key === ' ') {
+      event.preventDefault();
+      nodeClick(event, target);
+    }
+  };
+
   $: isExpanded = (node: RootNode) => {
     const opened = openRuns.get(generation) === node.workflow.runId;
     return expandAll || opened;
@@ -166,7 +173,7 @@
     })}
     class="outline-none transition-all"
     on:click={(e) => nodeClick(e, child)}
-    on:keypress={(e) => nodeClick(e, child)}
+    on:keydown={(e) => handleNodeKeydown(e, child)}
   >
     {#if child?.children?.length && isExpanded(child)}
       <line
@@ -294,7 +301,7 @@
       status: root.workflow.status,
     })}
     on:click={(e) => nodeClick(e, root)}
-    on:keypress={(e) => nodeClick(e, root)}
+    on:keydown={(e) => handleNodeKeydown(e, root)}
   >
     {#if root?.scheduleId}
       <line

src/lib/holocene/navigation/navigation-button.svelte

@@ -14,12 +14,19 @@
   export let disabled = false;
   export let className = '';
   export { className as class };
+
+  const handleKeydown = (event: KeyboardEvent) => {
+    if (event.key === 'Enter' || event.key === ' ') {
+      event.preventDefault();
+      onClick();
+    }
+  };
 </script>
 
 <div
   role="button"
   on:click={onClick}
-  on:keypress={onClick}
+  on:keydown={handleKeydown}
   tabindex="0"
   data-testid={$$props['data-testid']}
   data-track-name="navigation-button"