Material-ui 工具提示无法正常工作答案

【问题标题】：Material-ui tooltip not working properlyMaterial-ui 工具提示无法正常工作
【发布时间】：2017-12-26 08:42:16
【问题描述】：

我正在尝试使用 material-ui 工具提示。我希望工具提示显示在顶部。即使设置placement="top" 演示可以找到here

我在这里做错了什么？

【问题讨论】：

对于touch 的mobile 事件，请参阅 - stackoverflow.com/a/70270694/984471

【解决方案1】：

因为页面没有足够的空间在顶部显示工具提示只需添加简单的填充然后再试一次。

<div style={{padding: '50px'}}>
  <Tooltip placement="top" title="Chart Type">
    <IconButton >
      <ShowChart />
    </IconButton>
  </Tooltip>
  </div>

【讨论】：

【解决方案2】：

如果您使用表单包装器，则概述的变体包含一个“pointer-event: none”属性，该属性会阻止弹出框获取任何事件。

【讨论】：