Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Arrow position's incorrect with custom tooltip size #2253

Open
anonimitoraf opened this issue Feb 26, 2023 · 2 comments
Open

Arrow position's incorrect with custom tooltip size #2253

anonimitoraf opened this issue Feb 26, 2023 · 2 comments
Labels

Comments

@anonimitoraf
Copy link

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
image

I've also tested this out on a regular web app (i.e. non-mobile) viewport
image

Is this the correct way to set the width?

@RobbieTheWagner
Copy link
Member

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

@anonimitoraf
Copy link
Author

anonimitoraf commented Mar 1, 2023

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants