Animation for tooltips that have data-balloon-visible

[ghost]

In one of my recents projects I used data-balloon-visible attribute through javascript for alert the user if there is any kinda of error on the form's inputs.
I noticed that when the tooltip appear, there isn't any animation at all.

Step to reproduce:

Simply try to use a balloon tooltip with an data-baloon-visible setted through javascript.

Expected Behavior

The tooltip came up with an animation

Real Behavior

There isn't any animation at all

[moeenio]

I can't reproduce, are you sure you're not using the data-balloon-bluntattribute?

[ghost]

Ok,
I did some research and testing, link here.
We have the problem only when we set the aria-label through js, otherwise all work fine.

[moeenio]

If you wanna contribute, I think you should look here.

[ghost]

here were the tooltip blow up?

balloon.css/src/balloon.scss

Line 113 in f306983

&:hover, &[data-balloon-visible] {

Also, if you are interested I did some other tests (link here), if you set the data-balloon-visible after aria-label all work well. Interesting behavior.

[moeenio]

Yes, it's this part of the code that makes the tooltip show up. This behaviour is justified because it's the addition of the data-balloon-visible attribute that triggers the animation, that's the part of the code I pointed at.