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 <noreply@anthropic.com>
This commit is contained in:
Andymick
2026-07-21 19:20:34 +01:00
co-authored by Claude Haiku 4.5
parent 912dcc6ab3
commit ac10b33207
2 changed files with 13 additions and 3 deletions
+8 -2
View File
@@ -53,7 +53,10 @@ export default function NavDropdown({
<Link
key={link.href + link.label}
href={link.href}
onClick={() => 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({
<Link
key={link.href + link.label}
href={link.href}
onClick={() => setOpen(false)}
onClick={(e) => {
e.stopPropagation();
setOpen(false);
}}
className="block px-4 py-3 text-sm hover:bg-surface"
>
{link.label}