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

Question

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

我在这里做错了什么？

Answer 1

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

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

Answer 2

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