我为嵌入在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上出现。