Dropdown rollout after toggle animation

Hi there.

Please observe the dropdown in the header (hidden on front page). The dropdown appears before the animation of the toggle has completed - as illustrated in the attached video. I would like it to appear like a “rollout” from right to left. I did try with various css timing (transition delay, ec.), but no luck.

How can I achieve it? Thanks.

Hey @nblund,

Regretfully, roll our or slide out is not an animation feature offered in our Dropdown element. But, I’ll list this out as a feature request. For now, you’d need to consult with a frontend developer to extend the animation of the Dropdown element.

Okay, thanks.

Hi @nblund,

You are most welcome.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.