u/123herring

Component ruining interactions

Component ruining interactions

I have made a component, which grows in size when you hover over it.

I am then using many of these components in an auto layout, I add a frame (shift+A) over each component with the size of the “hover”-variant, so that the auto layout stays the same (doesn’t move around).

This works well.

 

Then, I put that auto layout within another component. The hover-grow effect now doesn’t work, it looks disorted. Everything inside the element grows, but the size doesn’t.

Does anyone know what I can do to fix it?:)
Or is it a Figma bug? 

Screenshot 1: Hover effect in normal auto layout (second element is hovering)

Screenshot 2: Hover effect in auto layout inside other component (second element is hovering)

reddit.com
u/123herring — 2 days ago