Nested Components auto-animate bug

New Here ,
Jun 18, 2021 Jun 18, 2021

Copy link to clipboard

Copied

Hi guys,

I have a couple of nested components - everything is named neatly. When using auto-animate the animation happens between 2 random objects... wtf?

 

What am I doing wrong? Or is this a bug?

 

See Keyboard Normal and Keyboard Audio - please click on the mic icon. Animation should happen between the mic icons. Instead Animation happens between the "mic icon" and the "enter icon".

 

Komrep5C9D_0-1624047078200.png

 

 

TOPICS
Prototyping

Views

275

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct Answer

Adobe Community Professional , Jun 20, 2021 Jun 20, 2021
Hey there. Between your two artboards, the other elements of the component are missing, so Xd doesn't know what to do with them (is what I'm assuming). I've fixed it for you. But in general it's not a good idea to animate like that - between two artboards, and at the same time using two different instances. Either animate between two artboards without the container component, or use component states. I've added the component states solution in there as well. Here's the file. PS. You can't ...

Likes

Translate

Translate
New Here ,
Jun 18, 2021 Jun 18, 2021

Copy link to clipboard

Copied

sorry - forgot the file: https://we.tl/t-sGiZ0lEyfj

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jun 20, 2021 Jun 20, 2021

Copy link to clipboard

Copied

Hey there. Between your two artboards, the other elements of the component are missing, so Xd doesn't know what to do with them (is what I'm assuming). I've fixed it for you. But in general it's not a good idea to animate like that - between two artboards, and at the same time using two different instances.

 

Either animate between two artboards without the container component, or use component states. I've added the component states solution in there as well.

 

Here's the file.

 

PS. You can't link a nested component to another state of the container component. You need to put it in a group first, and link that group to the second state. You can see that in the "Component states" solution in the file.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jun 21, 2021 Jun 21, 2021

Copy link to clipboard

Copied

LATEST

Appreciate it. Thanks a lot!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines