Arrow position's incorrect with custom tooltip size

[anonimitoraf]

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]

@anonimitoraf yes, I think that should work okay for setting the width. Is there a problem with it?

[anonimitoraf]

I see, so the problem is the arrow, instead of pointing to the tooltip target, is shifted all the way to the right

[chuckcarpenter]

@anonimitoraf you would also need to adjust it's attachment placement. I wonder if this was using something like 'bottom-end'?