tippyjs-react
tippyjs-react copied to clipboard
Singleton + Headless mode - Arrow has no position
I have a component that leverages headless mode and uses popper's modifiers to custom the arrow.
When using a singleton, the targets have an additional modifier, so it looks like:
popperOptions: {
modifiers: [
{ name: 'arrow', options: { element: undefined } },
{ name: 'arrow', options: { element: HTMLElement } }
...
]
}
Because of that, their arrow has no positioning set at all. What's the best workaround for this?
Thanks in advance!