Repository navigation
[BUG] WhileHover not working when motion component contains animate props that is a variant string #2542
Closed as not planned
Description
Activity
Closing as intended behaviour. A component that sets its own
animateprop becomes the variant controller for itself and its children, so it stops inheriting variant changes (includingwhileHover) from its parent. I confirmed this on framer-motion 11.0.14 and on current main: a child withanimate="visible"and ahovervariant keepsopacity: 1while the parent is hovered. To have the child react to the parent's hover, removeanimatefrom the child and setinitial/animateon the parent (the label flows down), or drive the child from parent state.
Generated by Claude Code
Please refer to the screenshot below. The goal is to animate child component when hovering on the parent, but when the child specifies the animate props which is a string defined in child's variant the whileHover has no effect
