Reactstrap工具提示组件在IE11中不起作用

时间:2019-01-28 19:13:45

标签: javascript reactjs internet-explorer-11 reactive-programming reactstrap

我在我的项目中分别使用reactstrap 6.5.0和reactjs 16.3.1版本。 这里有问题的详细信息-

  • 我使用了reactstrap(https://reactstrap.github.io/components/tooltips/)中的工具提示组件,该组件在chrome / firefox浏览器中工作正常,但IE11浏览器除外
  • 在我的项目中,我使用3-4个不同的代码存储库,并且每个存储库都有自己的根ID,并且它在主存储库中运行。借助用于标题组件的路由,该标题组件具有3-4个repo的链接。将相应加载

这是我使用的代码-

import React from 'react';
import { Row, Col, Tooltip, Badge } from 'reactstrap';


 <span id="tooltipTarget">
    <Badge>something</Badge>
    <Tooltip
      placement="auto"
      target="tooltipTarget"
    >
      <Row>
        <Col xs={12}>
          <span>
            From June 2016 to November 2016
          </span>
        </Col>
      </Row>
    </Tooltip>
  </span>

我面临的问题是,如果我将鼠标悬停在IE11中的“某物”上,然后焦点移到页面底部,则不知道IE11的这种有线行为,但是它在chrome浏览器工具提示中正常显示。

让我知道如何解决IE11中的上述问题?

0 个答案:

没有答案