Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Menu component in light mode with collapsed has flash white block #3951

Closed
1 task done
keeplz opened this issue Apr 15, 2021 · 4 comments
Closed
1 task done

Menu component in light mode with collapsed has flash white block #3951

keeplz opened this issue Apr 15, 2021 · 4 comments
Labels

Comments

@keeplz
Copy link

keeplz commented Apr 15, 2021

  • I have searched the issues of this repository and believe that this is not a duplicate.

Version

1.7.3

Environment

vue 2.6.12 ant-design-vue 1.7.3

Reproduction link

https://preview.pro.antdv.com/dashboard/workplace

Steps to reproduce

  1. create a menu with collapsed in light mode
  2. add some sub-menu into it
  3. mouseenter the menu,will see a white block first, then the sub-menu show

What is expected?

only show sub-menu

What is actually happening?

.ant-menu-submenu-popup doesn't have "background: transparent" property

in dark mode, this problem can't reproduce, because: .ant-menu-dark.ant-menu-submenu-popup: background: transparent

@keeplz
Copy link
Author

keeplz commented Apr 15, 2021

now solved with:
popup-class-name="popup-sub-menu"

.ant-menu-submenu-popup.popup-sub-menu {
background: transparent;
}

@keeplz
Copy link
Author

keeplz commented Apr 15, 2021

flash.mov

@keeplz
Copy link
Author

keeplz commented Apr 15, 2021

enter:
image
image

leave:
image
image

tangjinzhou added a commit that referenced this issue Apr 16, 2021
@github-actions
Copy link

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

@github-actions github-actions bot locked as resolved and limited conversation to collaborators Apr 17, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Projects
None yet
Development

No branches or pull requests

2 participants