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.
This commit is contained in:
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user