@tscircuit/pcb-viewer 1.11.424 → 1.11.425

package/dist/index.js

@@ -18619,7 +18619,7 @@ import { css as css3 } from "@emotion/css";
 // package.json
 var package_default = {
   name: "@tscircuit/pcb-viewer",
-  version: "1.11.423",
+  version: "1.11.424",
   main: "dist/index.js",
   type: "module",
   repository: {
@@ -18800,6 +18800,7 @@ var menuStyle = css2`
   padding: 4px;
   font: 12px sans-serif;
   box-shadow: 0 4px 16px #0008;
+  outline: none;
 `;
 var itemStyle = css2`
   display: block;
@@ -18859,7 +18860,7 @@ var VisibilityContextMenu = ({
         onClose();
       }
     };
-    ref.current?.querySelector("button")?.focus();
+    ref.current?.focus();
     window.addEventListener("pointerdown", dismiss, true);
     window.addEventListener("keydown", onKeyDown);
     window.addEventListener("resize", onClose);
@@ -18877,6 +18878,7 @@ var VisibilityContextMenu = ({
       {
         ref,
         role: "menu",
+        tabIndex: -1,
         "aria-label": "PCB context menu",
         className: menuStyle,
         onContextMenu: (event) => {
@@ -18889,16 +18891,17 @@ var VisibilityContextMenu = ({
         onKeyDown: (event) => {
           event.stopPropagation();
           const button = event.target.closest("button");
-          if (!button) return;
-          const menu = button.closest('[role="menu"]');
+          const menu = button?.closest('[role="menu"]') ?? ref.current;
+          if (!menu) return;
           const items = Array.from(
             menu.querySelectorAll("button:not(:disabled)")
           ).filter((item) => item.closest('[role="menu"]') === menu);
           if (event.key === "ArrowDown" || event.key === "ArrowUp") {
             event.preventDefault();
             const step = event.key === "ArrowDown" ? 1 : -1;
-            items[(items.indexOf(button) + step + items.length) % items.length]?.focus();
-          } else if (event.key === "ArrowRight" && button.hasAttribute("aria-haspopup")) {
+            const index = button ? items.indexOf(button) : step === 1 ? -1 : 0;
+            items[(index + step + items.length) % items.length]?.focus();
+          } else if (event.key === "ArrowRight" && button?.hasAttribute("aria-haspopup")) {
             event.preventDefault();
             button.click();
             requestAnimationFrame(