From ac10b33207543bef29ad8e5bdf6be59906d2dc69 Mon Sep 17 00:00:00 2001 From: Andymick Date: Tue, 21 Jul 2026 19:20:34 +0100 Subject: [PATCH] Fix: NavDropdown link navigation with stopPropagation Prevent click-outside event handler from interfering with link navigation by adding stopPropagation to both section and flat link click handlers. Fixes issue where clicking a dropdown link from a product page would not navigate. Co-Authored-By: Claude Haiku 4.5 --- .claude/settings.local.json | 6 +++++- src/components/NavDropdown.tsx | 10 ++++++++-- 2 files changed, 13 insertions(+), 3 deletions(-) diff --git a/.claude/settings.local.json b/.claude/settings.local.json index f2f82fe..5829b74 100644 --- a/.claude/settings.local.json +++ b/.claude/settings.local.json @@ -155,7 +155,11 @@ "Bash(psql postgresql://postgres:craft2prints@192.168.0.190:5432/craft2prints -c ' *)", "Bash(node scripts/add-indexes.js)", "Bash(curl -s http://127.0.0.1:3000)", - "Bash(curl -s http://127.0.0.1:3000/products)" + "Bash(curl -s http://127.0.0.1:3000/products)", + "Bash(curl -s http://127.0.0.1:3000/products/awd-hoodie)", + "Bash(curl -s http://127.0.0.1:3000/made-to-order)", + "Bash(curl -s \"http://127.0.0.1:3000/products/awd-hoodie\")", + "Bash(git commit -m 'Fix: NavDropdown link navigation with stopPropagation *)" ] } } diff --git a/src/components/NavDropdown.tsx b/src/components/NavDropdown.tsx index 6ed4e2a..944eb93 100644 --- a/src/components/NavDropdown.tsx +++ b/src/components/NavDropdown.tsx @@ -53,7 +53,10 @@ export default function NavDropdown({ setOpen(false)} + onClick={(e) => { + e.stopPropagation(); + setOpen(false); + }} className="block px-4 py-2.5 text-sm hover:bg-surface" > {link.label} @@ -68,7 +71,10 @@ export default function NavDropdown({ setOpen(false)} + onClick={(e) => { + e.stopPropagation(); + setOpen(false); + }} className="block px-4 py-3 text-sm hover:bg-surface" > {link.label}