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 在 inlineCollapsed/mode="vertical" 时,触发二级菜单的交互区域貌似有问题? #47143

Closed
liuyib opened this issue Jan 24, 2024 · 1 comment · Fixed by #47227
Labels
🐛 Bug Ant Design Team had proved that this is a bug.

Comments

@liuyib
Copy link
Contributor

liuyib commented Jan 24, 2024

Reproduction link

Edit on CodeSandbox

Steps to reproduce

  1. 设置 inlineCollapsed 或 mode="vertical"
  2. 鼠标 hover 一级菜单项上,触发二级菜单
  3. 见下方录屏(交互区域有问题,应该和菜单项 hover 的背景色一致)

What is expected?

鼠标触发二级菜单时,交互区域应该和菜单项 hover 的背景色一致

What is actually happening?

鼠标触发二级菜单时,交互区域应该和菜单项 hover 的背景色不一致

Environment Info
antd 5.13.2
React 18.0.0
System macOS 13.3.1
Browser Chrome Latest

补充说明:
antd v4/v5 行为一致

交互行为:

  1. 在一级菜单项边缘 hover,触发二级菜单后,hover 背景色消失,鼠标手型也没了(期望 hover 背景色保留、鼠标手型保留)
2024-01-24.15.44.12.mov
  1. 鼠标 hover 到一级菜单项上,缓慢向边缘移动,还没超出背景色边界,hover 效果就没了(和上面应该是一个问题):
2024-01-24.15.47.44.mov
@MadCcc
Copy link
Member

MadCcc commented Jan 24, 2024

看起来 hover 样式有些问题,和触发区域不一样大

@MadCcc MadCcc added 🐛 Bug Ant Design Team had proved that this is a bug. and removed unconfirmed labels Jan 24, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🐛 Bug Ant Design Team had proved that this is a bug.
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants