Skip to main content
Solved

Drop down menu shifts when clicking

  • December 5, 2023
  • 3 replies
  • 911 views

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.

This topic has been closed for replies.

3 replies

Vazgen
  • 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
  • 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
  • December 5, 2023

Glad I could help 🙌