Comments (10)
Thanks for sharing! This is definitely a bug I noticed a little while back too. I'll look into this eventually and find the best fix. For right now, using content-box will definitely work.
from tooltipster.
Setting content-box worked for me:
.tooltipster-base { box-sizing: content-box; }
from tooltipster.
Has this bug been resolved ?
from tooltipster.
This is still an issue. The last word in a tooltip will wrap to the next line.
Adding the css micahwedemeyer suggested corrects this issue in the latest version of Chrome and Firefox. Have not tested on IE.
from tooltipster.
I am not sure if we need to set a fixed width at all to the tooltip. If we don't, it will fix the issue. We'll have to think about that when we rework the positioning system and the size options we can offer in the constructor.
from tooltipster.
I've tried both suggestions by micahwedemeyer and ttiimm and could not make either work.
Basically the width sets so the longest lines have the last words cut to the next line - even though screen real estate is more than enough. Any other suggestions?
from tooltipster.
If you're looking for a dirty fix, write 'width': Math.round(tooltipInnerWidth) + 4 + 'px',
at line 792 or so.
The problem might be on Chrome's side, I don't know for sure. If nobody fixes this before me, I'll probably look into it when the positioning system is reworked. It won't be in the coming weeks though, I don't have time right now.
from tooltipster.
Thank you very much louisameline - I'll try it.
Just FYI, for me FF, Chrome and IE all have the same result with the problem above.
from tooltipster.
Ok, let me know. You're welcome.
I tried the fix I gave you on the Jsfiddle which was given in the first message of this thread. I saw the issue only in Chrome though, but it fixed it. Beware that it may cause side-effects in some cases though : it might make the tooltip exceed a max-width if you set one, and it might overflow the window on the right if the tooltip is at the edge of the screen. As I said, it's a quick and dirty fix only, until this can be properly addressed.
from tooltipster.
Tooltipster v4 is out and this issue should be fixed. I'll reopen this issue if you find otherwise. Thank you.
What's new in v4: #565
Migration guide from v3 to v4: #566
from tooltipster.
Related Issues (20)
- Mobile devices - tool tip only shows with a double click and quickly closes HOT 7
- bind jquery data table to tooltipster HOT 1
- Delay In and Delay Out HOT 1
- Refresh page add child class to parent in production HOT 1
- Hyperlinks issue
- Scrollbar is outside the tooltip window
- Add options for tooltipster to maintain content in instance of hiding or closing HOT 1
- Interactive Tooltip with delay 0 not working HOT 2
- Possible false positive detection as malicious script by BitDefender?!
- Can't find the right files
- Not able to resize the tooltip properly when resizing the browser window
- How to remove vertical scroll from tooltip ?
- active development
- Downloaded tooltipster did not contain /tooltipster.css HOT 1
- When I put an overflow-х hidden on the body, the tooltipster block starts to move up along with the content creating a parallax effect. How to fix it?
- onlyOne is not working
- CKEditor support or plugin?
- Tooltipped children of tooltipped parents HOT 1
- The tooltip on IOS requires two clicks to open.
- Tooltips collapse en Firefox
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from tooltipster.