Incorrect word wrap with box-sizing and maxWidth about tooltipster HOT 10 CLOSED

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.