element-plus [Component] [menu] ellipsis为true时创建的省略子菜单不能赋值teleported,造成子菜单创建在body中,滑屏时子菜单抖动

nnt7mjpx  于 5个月前  发布在  其他
关注(0)|答案(1)|浏览(49)

Bug Type: Component

Environment

  • Vue Version: 3.2.47
  • Element Plus Version: 2.3.3
  • Browser / OS: Chrome 112.0.0.0 / macOS 12.5.4
  • Build Tool: Vite

Reproduction

  • el-menu

Element Plus Playground

Steps to reproduce

屏幕窄一点,能够看到顶部菜单最右侧有3个点,点击展开更多。快速上下滑动页面,看见更多菜单抖动

What is Expected?

希望支持在menu中给省略菜单赋值teleported

What is actually happening?

无法给省略菜单赋值teleported

Additional comments

包括其他属性一样,无法传递给省略菜单,是否可以支持增加全部属性?
比如:

<el-menu
  :ellipsis-sub-menu-props="{
    class: ['el-sub-menu__hide-arrow', 'other-class'],
    teleported: false,
  }"
>

</el-menu>
import type { SubMenuProps } from './sub-menu'

export const menuProps = buildProps({
  ellipsisSubMenuProps: { // 添加子菜单全部属性
    type: definePropType<SubMenuProps>(Object),
    default: mutable({} as const),
  },
vShowMore.push(
            h(
              ElSubMenu,
              {
                ...props.ellipsisSubMenuProps,
                index: props.ellipsisSubMenuProps.index || 'sub-menu-more',
                class: nsSubMenu.e('hide-arrow'),
              },
holgip5t

holgip5t1#

@chenxch 这个问题是否可以考虑处理一下?

相关问题