A line is drawn accross the speech bubble arrow

[bartmcleod]

I have edited this issue, because it happens sometimes, but I do not know in which circumstances exactly.

The last time I saw this happen was when specifying a position.container = $('#myForm');

The tooltip had a title and a text on the content.

Expected: there is no line between the arrow and the content pane (the line of the content pane is interrupted by the arrow).
Actual: The border line of the content pane runs through the speech bubble arrow.

This dissapears when a custom class is added to styles.classes that has a border-width: 2px

I used firefox 15 when this appeared.

[Craga89]

Can you setup a reproducible test case please: http://jsfiddle.net/fdavn/

[bartmcleod]

Thanks for looking into this issue.

It took me my last hour of spare time today, but here you go:
http://jsfiddle.net/fDavN/5152/

It turns out to be 1 line in my body {} style definition together with 1 line in jquery.qtip.min.css

These are commented in the fiddle, if you turn off either line in firebug, you will see the line dissapear.
Also changing the line-height just a little bit will remove the wrong line (at least in FF latest).

Note that this is specific to FireFox as far as I can see. I tested it in Safari and Chrome and both do well. Even in IE 9 there is no wrong line.

I did a little more than just add those styles, to reflect the situation where it occurs in our application. I do not know if those options are vital to the problem, but since they are in the fiddle, you can fiddle with those at will.

[Craga89]

Out of curiosity, does this fix the issue you're seeing? http://jsfiddle.net/fDavN/5155/

[bartmcleod]

Yes it does. Any value except the 0.1 fixes the issue.

[Craga89]

Great. I'll look into changing this and commit it up in that case. Keep an eye on the repo today for the fixes

[bartmcleod]

This should not be tagged IE