javascript - 定义 popper 选项的问题

Question

我目前在阻止我的工具提示离开 View 时遇到问题。

这是我创建工具提示实例的代码:

// The '+'-Button as seen on the screenshots below
const btn = document.getElementById('tooltip-btn')

new Tooltip(btn, {
    title: 'Add new product',
    trigger: 'hover',
    popperOptions: {
        modifiers: {
            // Docs even say that this is enabled by default
            preventOverflow: { enabled: true }
        }
    }
})

无论是否传递 popperOptions 对象，工具提示仍将 View 留在左侧。

现在的样子:

我希望它看起来如何:

我是在创建工具提示时做错了什么，还是缺少 popper/工具提示选项？

两个模块的当前 npm 版本是:"popper.js": "^1.15.0", "tooltip.js": "^1.3.2"

非常感谢任何帮助，如果您需要更多信息，请随时询问。提前致谢!

Answer 1

尝试偏移设置

let btn = document.querySelector("button")
new Tooltip(btn, {
  title: 'Add new product',
  trigger: 'hover',
  placement: "left-end",
  offset:"100,100",
  popperOptions: {
    modifiers: {
      offset: {
        enabled: true,
      }
    }
  }

})

<script src="https://unpkg.com/popper.js"></script>
<script src="https://unpkg.com/tooltip.js"></script>
<button class="button">Hover Me</button>