jquery.balloon.js
jquery.balloon.js copied to clipboard
Triangle disappears if text is too long
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?