element-plus [Bug Report] [Component] When the vertical navigation menu is collapsed,Reduce window height,Submenus not appearing in the correct position。

chy5wohz  于 2023-03-19  发布在  其他
关注(0)|答案(7)|浏览(276)

Bug Type: Component

Environment

  • Vue Version: 3.2.0
  • Element Plus Version: 2.0.5
  • Browser / OS: Chrome
  • Build Tool: Vue CLI

Reproduction

  • el-menu
  • el-menu-item
  • el-sub-menu

Element Plus Playground

Steps to reproduce

1.Collapse vertical navigation menu
2.reduce window height

What is Expected?

When the multi-level menu and the first-level menu are used at the same time, the sub-menus of the multi-level menu should appear in the appropriate position with the change of the window height

What is actually happening?

Submenus not appearing in the proper place

Additional comments

I tried to use "popper-append-to-body" but it failed。

axr492tv

axr492tv2#

same on vertical. if sub-menu popper doesn't fit at bottom-start position it switches to left-start position and draws over its menu bar

What is Expected?

if bottom-start not fit, it must switch to bottom-end

knsnq2tg

knsnq2tg3#

I have the same problem

dgiusagp

dgiusagp4#

how to fix this ugly problem?

bqjvbblv

bqjvbblv5#

can i set the popper direction? i want to keep right-start

voase2hg

voase2hg6#

I have the same problem

wmomyfyw

wmomyfyw7#

popper-append-to-body abandoned,
How should it be solved ?

相关问题