atomiks / tippyjs

Tooltip, popover, dropdown, and menu library
https://atomiks.github.io/tippyjs/
MIT License
11.93k stars 520 forks source link

Arrow posistion error #832

Closed xreider closed 4 years ago

xreider commented 4 years ago

Hello! Arrow posistion displayed in bad way.

Here is screenshot https://ibb.co/41fY0ky Here is my code:

tippy('[data-tooltip-text]', {
    content: (reference) => reference.getAttribute('data-tooltip-text'),
    duration: 0,
    delay: [300, 500],

    // never hide upon clicking. Для подсказок надо использовать true
    hideOnClick: false,
    interactive: false,

    interactiveBorder: 30,
    interactiveDebounce: 75,

    // maxWidth: 350,
    maxWidth: 350,

    sticky: true,
    theme: 'light',
    duration: [100, 200],
    allowHTML: true,
    arrow: tippy.roundArrow,
});
xreider commented 4 years ago

I solved this issue bi importing https://unpkg.com/tippy.js@6.2.6/dist/svg-arrow.css