javascript - 浏览器放大/缩小的提示工具提示位置

Question

我用tippyjs做了一个弹出窗口。Tippy 采取下一个选项：

const tippyInstance: any = tippy(element, {
            content: loaderTemplate,
            placement: 'right',
            animation: 'fade',
            animateFill: false,
            theme: 'kpi-tooltip',
            trigger: 'manual',
            interactive: true,
            onHidden: () => {
                tippyInstance.destroy();
            },
            allowHTML: true
        });

“元素”是一个普通的 html 元素和在服务器响应后加载的内容。问题是当我让浏览器放大或缩小时，工具提示会改变位置。我正在使用 chrome 最新版本。

正常状态下的 工具提示：放大的工具提示：

Answer 1

“appendTo”属性选项解决了这个问题。