Question

我们在应用程序中使用Ant Design（一个React组件库），并使用了许多工作正常的工具提示，菜单和导航菜单组件。但是，我们注意到，应用程序中的所有工具提示在鼠标悬停时都会闪烁，这似乎有问题。

以下是“侧面菜单”的代码段；

 <Sider defaultCollapsed className='sidebar'>
    <Menu theme='dark' mode='vertical' className='sidebar-menu' selectedKeys={[selectedkey]}>
          <ItemGroup>
             <MenuDivider />
            <MenuItem key="scanbot">
              <Icon component={() => <ScanbotIcon />}/>
              <span>Scanbot</span>
            </MenuItem>
            <MenuItem key="file">
              <Icon component={() => <FileIcon />}/>
              <span>File</span>
            </MenuItem>
          </ItemGroup>
          <ItemGroup>
            <MenuDivider />
            <MenuItem key="questions">
              <Icon component={() => <ResourcesIcon />}/>
              <span>Resources</span>
            </MenuItem>
          </ItemGroup>
    </Menu>
</Sider>

以下是toolTip组件的代码段；

 <Tooltip title="info">
    <span><Icon type="info-circle"/></span>
 </Tooltip>

我尝试过：

将Ant Design的版本更新为最新版本
在组件上启用指针事件样式
在不同的浏览器（Chrome，Opera和Mozilla firefox）上运行应用程序

以上所有尝试都没有取得太大的成功。

我已经在一个单独的项目（个人）中实现了这些组件，并且它们工作正常，我的意思是没有闪烁。

这很可能是事件冒泡的问题，如果是这样，鉴于我们正在使用antd的事实，我该如何防止它发生？

更新：antd工具提示和导航菜单在鼠标悬停时工具提示闪烁

0 个答案: