解决antd menu菜单在切换时,子菜单submenu闪烁问题

问题复现图:

解决antd menu菜单在切换时,子菜单submenu闪烁问题_第1张图片 

问题描述:

在第一次打开菜单(collapsed: false)时,子菜单会有闪烁的现象,后面再次打开时,显示正常;我也在antd.designde的相关社区找了一些解决方案,都不太理想;突然灵机一动,能不能在打开时,将这块弹窗的css隐藏呢?

解决方案:

于是,我通过chrome element 找到闪烁子菜单DOM的className, 加入了下面这块代码,测试了一下,成功了。并且充分自测了,并无其他问题。

  &.base-menu:not(.ant-menu-inline-collapsed) {
    .ant-menu-submenu-popup {
      display: none;
    }
  }

你可能感兴趣的:(javascript,前端,开发语言)