尖端的工具提示位置，带有浏览器放大/缩小

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”属性选项解决了该问题。