Skip to main content
Solved

Animation glitch

Fede_Mondino

Does anybody know why am I getting a glitchy animation when I try to make an expandible menu? Like an accordion dropdown. When I want to animate a frame or a rectangle from the size A to size B, it works but with a visual glitch, and it’s more noticeable when using rounded corners.

I made a basic animation, click the small rectangle, it expands, click again, it goes to the start size… there are 2 versions, one of them with rounded corners, one without them. Here is a screenshot of the glich when I play the animation. I would love to post a video but I can’t do that yet (I’m pretty new to the forums).

image

I already have a solution to make the animation work like I want, but it’s more complicated in terms of structure of the component, and I really want to know if this is a bug or if I’m doing something wrong.

Thank you all!

Best answer by Celine_D

Hey everyone, sorry for the late reply.

Don’t worry ​@Fede_Mondino , thanks for reaching out to our support team!
I’ve checked internally, I can confirm that we were able to reproduce the issue.

To give you more visibility here, our engineering team has conducted a comprehensive investigation and confirmed that the problem you're facing is indeed related to a new bug. At this time, we do not have an estimated timeline for a resolution. 
 
I understand that this is not an ideal solution, but please know that we are actively working on improving our platform and addressing issues like this. We appreciate your understanding and patience as we strive to provide a better experience for our users. Thank you!

View original

Luke-Itineris

Can you share a proto link so we can see for ourselves?

Fede_Mondino

Sure! Here is the URL: https://figmashort.link/32Zbj2

Luke-Itineris

Thanks. Try changing the rectangle shape, to a frame with border radius. See if that helps the transition.

Haroll
  • Haroll
  • Active Member
  • October 8, 2024

Hi @Fede_Mondino

Looks like a bug to me that should be reported to Figma : Figma : Submit bug report

I replicate your issue, and it appears the animation become glitchy when a stroke is applied to an element. Without it everything worked as expected.
(Tested with Frame, Auto-layout Frame and Rectangle — same result each time)

stroke-bug

BramWerink
1 person likes this
  • BramWerink
    BramWerink
Fede_Mondino

Thanks Luke, but as I said at the beggining of the post, I tried with both frames and rectangles and it didn’t work 😓

Thank you Haroll! I’m going to report it!

Celine_D
Figmate
  • Celine_D
  • Community Support
  • October 17, 2024

Hey @Fede_Mondino , thanks for flagging it!
Anju, our technical quality specialist is waiting for your response for further investigation. Please check your inbox via mail (for your reference, your ticket number is 1143725), thank you!

Deko22
  • Deko22
  • December 16, 2024

Same thing for me… I was wondered if it applies to auto-layout only, but this issue reproduces even for the pure rectangle. Here, it works fine for enlarging, but has the glitch when clicked and shrinks back: https://www.figma.com/design/2dnmDI3dBAmZpKax3RgXU6/Untitled?node-id=1-2&t=99qRYQ1CG5t7CK3m-1

Fede_Mondino

Hi Celine, yes I received the email from Anju, but she was asking me to make or send things that I had already made or sent, so I never responded again.

I didn’t want to waste any more time on that issue, I just wanted to let you know about the glitch so you could review it, but it’s not something that prevents me from doing my job and that’s why I didn’t give it much importance.

It’s easy to reproduce the glitch, as you can see, Haroll did it and left a gif in this same topic, I hope you can fix it very soon.

PS: Just in case, I never wanted to sound rude, I’m not a native English speaker and I don’t know if the expressions I used were the correct ones to communicate what I needed. Sorry in advance if that was the case, and thank you for your interest in helping me!

Seth Akkerman

Hello hello!

​@Celine_D and ​@Fede_Mondino Did either of you find a solve for this? I have the exact same issue in my file.

Celine_D
Figmate
  • Celine_D
  • Community Support
  • February 3, 2025

Hey everyone, sorry for the late reply.

Don’t worry ​@Fede_Mondino , thanks for reaching out to our support team!
I’ve checked internally, I can confirm that we were able to reproduce the issue.

To give you more visibility here, our engineering team has conducted a comprehensive investigation and confirmed that the problem you're facing is indeed related to a new bug. At this time, we do not have an estimated timeline for a resolution. 
 
I understand that this is not an ideal solution, but please know that we are actively working on improving our platform and addressing issues like this. We appreciate your understanding and patience as we strive to provide a better experience for our users. Thank you!

Fede_Mondino
1 person likes this
  • Fede_Mondino
    Fede_Mondino

Reply


Terms & ConditionsCookie settings

Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings