Set arrow position

[AlexCSR]

I need to set different arrow positions (from left corner of tooltip) for some tooltips. There's no mention about that functionality in tippy docs but I've found something related on Popper.js docs:

data.offsets.arrow and data.arrowStyles: https://popper.js.org/popper-documentation.html#dataObject

ModifierFn: https://popper.js.org/popper-documentation.html#ModifierFn

But no one of those methods are working. So, does anyone know is it possible? I'd be glad to see any help!

[cohenu]

Hi Alex, I have the same problem, did you manage to fix this ?

[AlexCSR]

Nope. I decided not to use this plug-in at the moment.

[mackbrowne]

@AlexCSR , @cohenu ive dug into this issue greatly.

I tried popperOptions, arrowTransform (which i honestly think should work), both no luck. Any help with this would be greatly appreciated. Also interested in what library you used instead.

[AlexCSR]

@mackbrowne I've tried to apply just native version of Tippy with my own wrapper but I couldn't get a simple solution too. I get tired of spending a lot of time for that little feature and saved it for last.

I also tried to find another libraries but couldn't find a better one.

[cohenu]

I didn't find a solution for this too.

[marcosmss]

You need add in your component import 'react-tippy/dist/tippy.css';