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
bug/question(positioning): tooltips goes off a screen #153
Comments
Kristinita
changed the title
bug/question(positioning): tooltip goes off screen
bug/question(positioning): tooltips goes off a screen
Oct 27, 2020
I faced this as well |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
#59 — related issue.
1. Summary
Balloon.css long tooltips can’t stay in a visible browser area especially on small mobile devices.
I couldn’t find how I can solve this problem.
It would be nice, if it would be possible even if some JavaScript — as in this example — will be required.
2. Argumentation
Users may not see the tooltip text.
I’m not going to use long messages for tooltips, but mobile devices won’t even fully display a short phrases as “This tooltip message isn’t very long”.
3. Not helped
3.1. up-left/up-right
Solution for #62 didn’t help in this case. Even for example text tooltip go to the screen.
3.2. data-balloon-length="fit"
When I hovered cursor over the small button the result of this option looks like this:
4. Other techniques where this problem doesn’t exist
4.1. title attribute
Native tooltip — via
title
attribute — stay in a visible browser area. But:4.2. JavaScript plugins
Tooltipster and Tippy.js haven’t this problem. But:
I think for not critical tasks like tooltips it would be nice to have smaller dependencies.
Thanks.
The text was updated successfully, but these errors were encountered: