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

Question

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

我在这里做错了什么？

Answer 1

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

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

Answer 2

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