Material ui 是否将MaterialUI工具提示放置在锚元素的“顶部”?(反应) 似乎不可能放置在触发锚元素上方堆叠/分层的顶部。

Material ui 是否将MaterialUI工具提示放置在锚元素的“顶部”?(反应) 似乎不可能放置在触发锚元素上方堆叠/分层的顶部。,material-ui,tooltip,popper.js,react-material,react-popper,Material Ui,Tooltip,Popper.js,React Material,React Popper,它总是出现在父对象的外部,使用放置来决定位置。我相信Popper中的翻转工具可以管理放置并确保可见性。我尝试过传递Popper选项修改器来禁用翻转,并调整偏移量。一些建议是跳过防止溢出,并禁用GPU加速。为了完成这项任务,我在一个由材料组成的兔子洞里。我评论了似乎不太可能的过度解决方案 MUI以外的示例: 除此之外,还包括指针跟踪 我的文字 您需要如下方式启用偏移: <Tooltip title="My Label" placement="top" PopperProps={{ pop

它总是出现在父对象的外部,使用放置来决定位置。我相信Popper中的翻转工具可以管理放置并确保可见性。我尝试过传递Popper选项修改器来禁用翻转,并调整偏移量。一些建议是跳过防止溢出,并禁用GPU加速。为了完成这项任务,我在一个由材料组成的兔子洞里。我评论了似乎不太可能的过度解决方案

MUI以外的示例: 除此之外,还包括指针跟踪

我的文字
您需要如下方式启用偏移:

<Tooltip title="My Label" placement="top" PopperProps={{
  popperOptions: {
    modifiers: {
      flip: { enabled: false },
      offset: {
        enabled: true,
        offset: '0px -60px'
      }
    }
  }
}}>
    <h3>My Text</h3>
</Tooltip>

这将使您能够将工具提示放在顶部

您可以添加解决方案的图像吗?我不确定我是否遵循了你试图实现的目标。我还没有视觉效果,我已经更新了描述,使其更加清晰。MUI将工具提示强制在锚元素之外。我希望如此,但这不起作用…工具提示仍然不允许在触发元素上分层。我在MUI之外添加了一个示例。让我检查一下,它对我有效,我将创建一个沙盒来向您展示我做了什么我的错,它使用了一个fab:。当使用绝对位置时,它也可以工作,但是要使它位于正确的位置需要做很多工作。我在第一个示例中添加了PopperProps,这也很有效。天哪,两个可行的选择!!!如果你稍微修改一下你的答案,我可以投上一票。@doublejosh,但我们仍然不知道如何让它与h3一样工作,你最初的问题是关于h3的,还是你也设法让它工作了?