From 93587d681a257b32d70acca9946fca09f4c3516e Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Mon, 16 Feb 2026 18:38:04 +0200
Subject: [PATCH] fix layout animation blocking card clicks when reduce motion
 is on

Skip Framer Motion layout/layoutId props on cards when reduced motion
is active. These props cause pointerEvents:none during layout
transitions, making cards unclickable for ~1s after any layout shift.
---
 src/components/board/CardThumbnail.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/board/CardThumbnail.tsx b/src/components/board/CardThumbnail.tsx
index de3f33a..b1ca0e7 100644
--- a/src/components/board/CardThumbnail.tsx
+++ b/src/components/board/CardThumbnail.tsx
@@ -134,14 +134,14 @@ export function CardThumbnail({ card, boardLabels, columnId, onCardClick, isFocu
           className={`w-full rounded-lg bg-pylon-surface shadow-sm text-left ${
             isFocused ? "ring-2 ring-pylon-accent ring-offset-2 ring-offset-pylon-column" : ""
           }`}
-          layoutId={`card-${card.id}`}
+          layoutId={prefersReducedMotion ? undefined : `card-${card.id}`}
           variants={fadeSlideUp}
           initial={prefersReducedMotion ? false : "hidden"}
           animate="visible"
           whileHover={{ scale: 1.02, y: -2, boxShadow: "0 4px 12px oklch(0% 0 0 / 10%)" }}
           whileTap={{ scale: 0.98 }}
           transition={springs.bouncy}
-          layout
+          layout={!prefersReducedMotion}
           {...attributes}
           {...listeners}
           role="article"