jquery.balloon.js icon indicating copy to clipboard operation
jquery.balloon.js copied to clipboard

Triangle disappears if text is too long

Open chocolateboy opened this issue 7 years ago • 0 comments

jquery.balloon.js: 1.1.2 Browser: Firefox 53.0 OS: Linux (Arch)

Not sure if this is by design, but the "tip" (i.e. triangle) disappears if the balloon text is too long:

https://jsfiddle.net/cengbunr/2/

In this example. the balloon is in the bottom position. The initial position of the triangle is as expected i.e. at the bottom middle of the target element (and the top middle of the balloon). However, when the contents of the balloon are updated with an AJAX call, the triangle "moves" to the top middle of the new balloon — which is past the edge of the element it's pointing to — and disappears. Same issue if the long text is assigned statically.

I would expect the triangle's position to remain fixed regardless of the size of the balloon i.e. in this case, I would expect the triangle to remain underneath the bottom middle of the target element.

If this is not the desired default, could fixing the position of the triangle in this way be an option?

chocolateboy avatar Apr 30 '17 19:04 chocolateboy