Arrow position's incorrect with custom tooltip size
Opened this issue · 3 comments
anonimitoraf commented
Thanks so much for this package!
I intend to have a custom width for my tooltips (e.g. 60% of parent) which I set via:
.shepherd-element {
max-width: 60%;
}
When I do this though, the arrow gets misplaced
I've also tested this out on a regular web app (i.e. non-mobile) viewport
Is this the correct way to set the width?
RobbieTheWagner commented
@anonimitoraf yes, I think that should work okay for setting the width. Is there a problem with it?
anonimitoraf commented
I see, so the problem is the arrow, instead of pointing to the tooltip target, is shifted all the way to the right
chuckcarpenter commented
@anonimitoraf you would also need to adjust it's attachment placement. I wonder if this was using something like 'bottom-end'?