Weird glitch to expand/collapse accordion interaction

Design help Animations & Interactions
1

For some reason the + / - goes buggy and grows outside of the box, when I click the expand/collapse the accordion drop down button.

Does anyone know what’s going on or a fix for it?

Sometimes it happens, sometimes not, but please note that I’m exaggerating the action for this purpose.

Here’s a video for you to check:

Here is my public share link: LINK
(how to access public share link)

2

Hi! I got it to work by changing your ‘close’ animation settings. Instead of setting the vertical line to 100% height, I used 20px height (the size of your container). Does that work for you, too?

1 Like
3

It does indeed! Thank you so much, @parker.

1 Like
4

Whoo! Glad it worked. Very cool website, by the way. I love your interactions! :100:

1 Like