Show and Hide Interaction - Border Box Issue

Hi all,
I have an issue with a show and hide interaction.
Ive followed the video tut and it works except for one issue.
I have a border on the drop down menu and this loads in a strange way on click.
Heres a link to see what i mean…

Using Safari but does same thing using chrome.
Any suggestions would be amazing! T
Thanks in advance.

Hi @yojke, thanks for the question ! The reason that the dropdown is acting funny with the interaction is that there is some top margin and top and bottom padding used on the Furniture div.

Interactions do not take into consideration the top and bottom padding and margins, so the interaction appears jerky.

​I hope this helps. If not, please let me know :wink: Regards,Dave

Thanks Dave, thats fantastic! Works perfectly.
I got around the padding issue by applying the interaction to a wrapper which allowed me to add padding back to the text.
Appreciate your help.
Cheers Robbie

1 Like