From 882d44dadea897724289a82febc5a58ddfaa40a0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=E1=BA=A7n=20=C4=90=E1=BA=A1i=20Qu=C3=BD?=
 <quy.tranquil@hcmut.edu.vn>
Date: Tue, 12 May 2026 21:20:10 +0700
Subject: [PATCH] Replace DisabledAutoFocus fixture with explicit
 focusOnHover={false}

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 README.md                           | 4 ++++
 src/examples/2025/board.fixture.tsx | 5 +++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index ae84a0cf..400d2faa 100644
--- a/README.md
+++ b/README.md
@@ -76,6 +76,10 @@ The PCBViewer component accepts these props:
 - `editEvents`: Array of edit events to apply
 - `onEditEventsChanged`: Callback when edit events change
 - `initialState`: Initial state for the viewer
+- `focusOnHover`: When `true`, the viewer container receives focus on mouse enter so keyboard shortcuts work without clicking first (default: `false`)
+- `clickToInteractEnabled`: When `true`, user must click or tap once before pan/zoom (default: `false`)
+- `debugGraphics`: Optional debug overlay payload
+- `disablePcbGroups`: When `true`, PCB group UI is hidden in initial state
 
 ### Features
 
diff --git a/src/examples/2025/board.fixture.tsx b/src/examples/2025/board.fixture.tsx
index 65ae1b74..6c47e31b 100644
--- a/src/examples/2025/board.fixture.tsx
+++ b/src/examples/2025/board.fixture.tsx
@@ -112,7 +112,7 @@ export const AtariBoard = () => {
   )
 }
 
-export const DisabledAutoFocus = () => {
+export const BoardWithoutHoverFocus = () => {
   const circuit = new Circuit()
 
   circuit.add(<board pcbX={0} pcbY={0} width="50mm" height="50mm" />)
@@ -121,7 +121,7 @@ export const DisabledAutoFocus = () => {
 
   return (
     <div style={{ backgroundColor: "black" }}>
-      <PCBViewer circuitJson={soup as any} />
+      <PCBViewer circuitJson={soup as any} focusOnHover={false} />
     </div>
   )
 }
@@ -131,4 +131,5 @@ export default {
   TriangleBoard,
   OctagonBoard,
   AtariBoard,
+  BoardWithoutHoverFocus,
 }