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

Hidden hint makes website wider #139

Open
dvorapa opened this issue May 8, 2016 · 1 comment
Open

Hidden hint makes website wider #139

dvorapa opened this issue May 8, 2016 · 1 comment

Comments

@dvorapa
Copy link

dvorapa commented May 8, 2016

Website is wider and therefore (especially on small screens) there is a white strip and horizontal scrollbar. See screenshot below
image

@tnrich
Copy link

tnrich commented Dec 5, 2016

I am also seeing this error and it is super annoying

@chinchang
Copy link
Owner

Since this is happening because of the tooltip going beyond the website boundaries, there are following solutions I can think of:

  1. Quick fix - Choose another tooltip position such that it doesn't extends in the direction (right & bottom) where its increasing the website dimensions.
  2. Quick fix - Limit body to max 100vw assuming it never scrolls horizontally. And then you can use overflow:hidden to not let anything. Note that this will crop the tooltip though.
  3. Better fix - Hint.css could have media query classes that allow you to position tooltips in a certain way on a certain screen size. This is essentially supporting the above mentioned solution 1 within the library in a more proper way. (there is also a PR in this context)

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

No branches or pull requests

3 participants