menu icon indicating copy to clipboard operation
menu copied to clipboard

fix: fix popup flicker issue when inline menus have benn collased

Open ohhoney1 opened this issue 2 years ago • 2 comments

很久的一个历史问题了,antd 官方和本仓库demo都可复现。解析 Submenu 里的 items 时,如果存在嵌套 Submenu ,就出现此问题,即存在第三层 menu 的样式问题。

Kapture 2023-09-26 at 11 02 42

解决方案:考虑在inline模式下非折叠时,不设置 motion 动画。

相关 issue :https://github.com/ant-design/pro-components/issues/7607#issuecomment-1705497434 ,这个gif 同样问题。

相关 pr:

  1. https://github.com/react-component/menu/pull/410 ,这个pr是在折叠后,直接把 popup 内容销毁,同样可以实现。
  2. https://github.com/react-component/menu/pull/497 ,但是它是手动设置动画,依然解决不了上述问题。

ohhoney1 avatar Sep 26 '23 03:09 ohhoney1

能用例覆盖到吗?

yoyo837 avatar Sep 26 '23 03:09 yoyo837

能用例覆盖到吗?

抱歉忘记重跑一次用例了。本地有个用例没过: https://github.com/react-component/menu/pull/578 这个 pr 新增的用例。我再看看,是否再加条用例

ohhoney1 avatar Sep 26 '23 04:09 ohhoney1