0

I have made a popover with tippyjs. Tippy takes next options:

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
        });

"Element" is a plain html element and content loading after response from server. The problem is when i make browser zoom in or zoom out the tooltips changes position. I'm using chrome last version.

Tooltip in normal state:enter image description here Tooltip with zoom in: enter image description here

Bogdan Tushevskyi
  • 712
  • 2
  • 12
  • 25

1 Answers1

1

"appendTo" property option solved the problem.

Bogdan Tushevskyi
  • 712
  • 2
  • 12
  • 25