tippyjs-react icon indicating copy to clipboard operation
tippyjs-react copied to clipboard

Singleton + Headless mode - Arrow has no position

Open ghost opened this issue 3 years ago • 0 comments

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!

ghost avatar Feb 02 '22 14:02 ghost