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

dvorapa opened this issue May 8, 2016 · 1 comment

Hidden hint makes website wider #139

dvorapa opened this issue May 8, 2016 · 1 comment


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

Copy link

tnrich commented Dec 5, 2016

I am also seeing this error and it is super annoying

Copy link

chinchang commented Dec 6, 2016

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
None yet
None yet

No branches or pull requests

3 participants