Skip to main content
Solved

Drop down menu shifts when clicking


Eva4

Hi new to Figma 👋
I’ve managed to create a drop down menu with variants that more or less works. But when I test and go from closed to open drop down it shifts a bit? Both the widths are the same so Im not sure why it’s doing that.

Here is the drop down menu

Best answer by Vazgen

Hey @Eva4,

The width of your dropdown’s first state is 130px, and the open state is 138px. Basically the difference of 8px is what makes it shift, if you make them the same the shift will disappear.

View original
This topic has been closed for replies.

3 replies

Vazgen
  • 3 replies
  • Answer
  • December 5, 2023

Hey @Eva4,

The width of your dropdown’s first state is 130px, and the open state is 138px. Basically the difference of 8px is what makes it shift, if you make them the same the shift will disappear.


Eva4
  • Author
  • 6 replies
  • December 5, 2023

Hi @Vazgen

Thanks! I was checking the width of the month component which is 130px but didn’t realise the component it is contained inside was 138px


Vazgen
  • 3 replies
  • December 5, 2023

Glad I could help 🙌


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