Menu.SubMenu renders incorrectly #6347
Description
- I have searched the issues of this repository and believe that this is not a duplicate.
Version
3.2.14
Environment
webpack: "4.46.0" vue: "3.2.47" "vue-loader": "15.10.1", "babel-loader": "8.3.0"
Reproduction link
Steps to reproduce
<Menu mode='horizontal' selectedKeys={route.matched}>
{ result.value.menuEntries.navigationEntries.map(v => {
if (v.options) {
return <Menu.Item key={v.path}>
<Menu.SubMenu key={`${v.path}.SM`} title={<><i class={v.icon}></i>{v.title}</>}>
{v.options.map(v => (
<Menu.Item disabled={v.disabled || false} key={v.path}><router-link to={v.path}>{v.title}</router-link></Menu.Item>
))}
</Menu.SubMenu>
</Menu.Item>
}
return <Menu.Item key={v.path}>
<router-link to={v.path}><i class={v.icon}></i>{v.title}</router-link>
</Menu.Item>
})
}
</Menu>What is expected?
That it doesn't show a wierd side bar. Like this (it randomly renders good sometimes..
What is actually happening?
Dropdown background seems to appear on the left of the screen.
