如何在iOS上关闭我的工具提示组件?

时间:2019-05-02 19:32:16

标签: javascript ios reactjs tooltip

我为嵌入在iOS和Android应用程序中的Web应用程序创建了自己的工具提示组件。 问题是,仅在iOS上无法关闭它。 我发现与该组件类似的其他组件存在问题,据我了解,iOS上存在一个错误,阻止它们被关闭。 See here

无论如何,对于我自己的组件,我找不到太多帮助。这是当前的样子:

export default class ToolTip extends React.Component {
  static propTypes = {
    content: PropTypes.string.isRequired
  }

  render () {
    const { content } = this.props

    return (
      <a
        ref={el => (this.el = el)}
        data-container='body'
        tabIndex={0}
        data-trigger='manual'
        role='button'
        data-placement='top'
        data-html='true'
        data-content={content}
        data-toggle='popover'
      >
        <span className='glyphicon glyphicon-info-sign' aria-hidden='true'></span>
      </a>
    )
  }
}

只需说清楚一点即可:在Android和浏览器上,它可以按预期工作。该问题仅在工具提示打开但无法关闭的iOS上出现。

0 个答案:

没有答案