Only half of the content is displayed. about tooltipster HOT 11 CLOSED

Hi, it works on my side : http://jsfiddle.net/E66qn/

from tooltipster.

Interesting. So what could go wrong? :-(

The particular project is a minimalistic Twitter client, currently hosted here. (You might need a Twitter account to test it; don't forget to remove your token when you're done doing so.) Enable "Show nicknames" and "Show avatars" from the header bar.

For debugging reasons, I echo new tweets via "alert". A valid tweet looks like this:

<div class='tweet' title="<img src='http://pbs.twimg.com/profile_images/378800000596411665/7706e505f2a652a4f3a25e7a88a1e309_normal.jpeg' style='width:50px;height:50px;' /><p style='float:left;padding-left:1em'>Geschrieben von<br /><b>07elfe</b></p>">RT @SpeedleDum: Den meisten Spaß habe ich immer noch unter der Dusche. Ich tanze, ich singe, ich lache, ich weine. Es ist wie ein Broadway …</div><br />

JSFiddle displays it correctly, my application doesn't - I only see the image.

What the...?

from tooltipster.

I can't debug for you sadly, but it must be related to your css. Why are you making the paragraph float left ?

from tooltipster.

Because I want it to be displayed next to the image, like the HTML demo tooltip does. I only use the default Tooltipster CSS. :-)

from tooltipster.

By the way, it won't solve your issue but html entities inside an attribute such as "title" should be encoded.

from tooltipster.

Encoded? The demo doesn't encode anything either. :-/

from tooltipster.

The demo is wrong, it will have to be updated about that. It works if it's not encoded but it's invalid HTML.

Can't Firebug help you figure out what's the matter with the css ? Give me a straight access to the page and I'll take a look.

from tooltipster.

The page generates everything dynamically from your Twitter account, so that would be weird. :) Anyway, a "valid example" of a generated DIV (which should have a tooltip) is above. :-/

Firebug says the tooltip only contains the IMG, so the CSS is probably not the problem here.

from tooltipster.

That's weird yes. Have you tried using the latest version of Tooltipster which is to be released soon ? It's version 2.3.0 and it is currently on dev branch. The way things are handled is slightly different to be more effective.

I'm not sure why it would work better in your case (as the current version also works in the Fiddle test), but it won't hurt to try it out.

from tooltipster.

Nice! The update to dev perfectly works! :-) Thanks!

from tooltipster.

Great ! You're welcome :)

from tooltipster.