bootstrap-notify
bootstrap-notify copied to clipboard
Animation stuck in the loop in Firefox 38
Hi, I'm having this issue in Firefox 38 on OS X (But people confirmed it on different OSes: windows, linux(ubuntu, arch)).
Basically, using the demo, I press "Generate notification", and here is what I get: 
Please add the following line to your css:
[data-notify="container"] {
animation-iteration-count: 1;
}
I am having an issue with my keyboard and am unable to type certain characters and must use the on-screen keyboard until my new keyboard arrives. Until I am better able to fix this please use the css above.
Also a problem in Chrome 43.0.2357.124 on Windows
Yeah, I haven't been able to find a Javascript/jQuery Solution to this problem which means one of two things.
- I am going to have to start including a css file with about 10 lines of css (Will most likely remove most css from jQuery and add to file)
- Tell people they need to include the following lines of CSS
[data-notify="container"] {
animation-iteration-count: 1 !important;
}
I am still trying to find a solution using Javascript/jQuery because it would annoy me to have to include such a small css file because of one issue. I may not be able to though and my have to start including a css file.
This is still an issue, but it wasn't before. (Appreciate that you've only just updated this as of 39 minutes ago).
I added a solution to fix this as of June 7th in this very issue. I have known this is an issue. I recently bought some property and have been spending all of my free time I was not working fixing it. I am trying to update the plugin to fix and add new features, but sadly time hasn't been on my side.
This problem is also in Firefox 39
It's on every modern browser and that small CSS block helps of course.
This problem is also in Firefox 40
Will you include iteration-count fix into repo or are you working on another solution?
I am working on a new version which will have the option to embed required css into the document. It isn't completed yet though.
I do recommend adding it to your stylesheets or documents. I tried adding it with javascript but it doesn't seem to work like expected.
Like I said, the code works beautyfully, that's why I ask about adding it to repo. I use it in stylesheets since you wrote about.