Skip to content

<el-dropdown> immediately hides <el-menu> before leave complete #1727

@Tonksthebear

Description

@Tonksthebear

What component (if applicable)
https://tailwindcss.com/plus/ui-blocks/documentation/dropdown-menu

Describe the bug
When closing a dropdown, the menu immediately gets hidden. This prevent leave animations from being shown.

To Reproduce
https://play.tailwindcss.com/egJj2oiieu

In case the playground link doesn't work, I just copy and pasted this https://tailwindcss.com/plus/ui-blocks/application-ui/elements/dropdowns and increased the leave duration to duration-900 for extra emphasis

Expected behavior
The dropdown menu shouldn't be hidden until the leave animation is completed

Screenshots
The playground is more helpful

Browser/Device (if applicable)
Tested on macOS Safari

Additional context
From what I can tell, this isn't an error in tailwind classes used. But, just in case it is, sorry to needlessly alert you!

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions