Not compatible with Glyphicons PRO fonts v1.9

[toxsid]

I recently installed the new font package from: http://glyphicons.com/

They change their classes from:

example: ".glyphicons .leaf" to ".glyphicons .glyphicons-leaf"

Once installing the following files:

Web Fonts
glyphicons.css

My bootstrap growl alerts now loop the fade in animation. I wish I could show a jsfiddle, however the files require a license, which i cannot preview.

Not sure how the conflict is happening since there is no js errors in the console. Maybe you might have perspective on what may be causing this.

Thank you.

[longlostnick]

I'm not sure how this is happening. It doesn't use anything related to glyphicons. It only uses bootstrap js/css, and the plugin does not apply any custom css other than basic margin/positioning. The fade is accomplished using jQuery fadeOut, though admittedly it would be cool to change that to css at some point. That doesn't help your case though.

Could this be related to some of the style bootstrap applies to alerts?

If you could provide some source code or something I might be able to help further.

[toxsid]

When we remove the fadeIn/fadeOut the growl notifications work correctly as long as there is no animation.

Here is a video of what is happening:
https://www.youtube.com/watch?v=SFfVCXZrNP8&list=UUmZJZ53ymIhqMZO4sT8U90Q

[longlostnick]

Are you sure you don't have some sort of callback happening on fadeOut or remove that's re-triggering it? Glyphicons is just css right? I don't think that would be affecting anything.

[toxsid]

Here is my source code:
http://i.imgur.com/F98Ui15.png

[graphcom1]

Had the same issue after installing the new glyicons PRO. I disabled this line in glyicons.css and it's fixed:
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}

[toxsid]

I had to do the same-thing. It appears the animate.css is not compatible with the new glyphicons set. So for now the fadeIn/FadeOut does not work, I wish it worked, maybe the developer can chime in?