[Bug Report] submenu's submenus don't hide when mouseleave in collapse mode

[guidetheorient]

Element UI version

2.4.8

OS/Browsers version

windows 10/chrome 69.0.3497.100

Vue version

2.5.17

Reproduction Link

https://jsfiddle.net/cmp4whsb/

Reproduction Gif

Steps to reproduce

1. mouse hover to show all level submenus
2. mouse leave third-class submenu
3. mouse hover the postition icon and leave

What is Expected?

when mouse hover the postion icon, the second-class submenu shound hide

What is actually happening?

when mouse hover the postion icon, the second-class submenu doesn't hide

[ziyoung]

@guidetheorient can't reproduce.

[guidetheorient]

step two: don't click the third class submenu, just mouseleave and hover the root icon again

[wacky6]

Removing nested popper-append-to-body works fine. https://jsfiddle.net/70ek1xqb/

[guidetheorient]

@wacky6 I know it, but I need this property. if , without this property, I didn't know how to make the submenu scroll y-axis when its height exceeds the body's height.

[wacky6]

What do you mean by saying "scroll y-axis", you can update your jsfiddle to show the problem.

[guidetheorient]

https://jsfiddle.net/0jpd27ne/3/ without popper-append-to-body, scroll like this jsfiddle with defined height

[csvwolf]

@ziyoung I reproduce it. In fact I think the structure design of navbar menu is a bit awful. Maybe we can refactor it in next version. ( Just meet the standards of the HTML semantic )

[m1ny1]

I also found this situation.