bootstrap-notify icon indicating copy to clipboard operation
bootstrap-notify copied to clipboard

Animation stuck in the loop in Firefox 38

Open eleweek opened this issue 10 years ago • 11 comments

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: Bug

eleweek avatar Jun 07 '15 17:06 eleweek

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.

mouse0270 avatar Jun 07 '15 22:06 mouse0270

Also a problem in Chrome 43.0.2357.124 on Windows

aribronstein avatar Jul 05 '15 08:07 aribronstein

Yeah, I haven't been able to find a Javascript/jQuery Solution to this problem which means one of two things.

  1. 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)
  2. 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.

mouse0270 avatar Jul 10 '15 11:07 mouse0270

This is still an issue, but it wasn't before. (Appreciate that you've only just updated this as of 39 minutes ago).

mstnorris avatar Jul 10 '15 12:07 mstnorris

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.

mouse0270 avatar Jul 10 '15 12:07 mouse0270

This problem is also in Firefox 39

ghost avatar Aug 09 '15 08:08 ghost

It's on every modern browser and that small CSS block helps of course.

misiek08 avatar Aug 09 '15 11:08 misiek08

This problem is also in Firefox 40

bartclaeys avatar Aug 27 '15 23:08 bartclaeys

Will you include iteration-count fix into repo or are you working on another solution?

misiek08 avatar Aug 27 '15 23:08 misiek08

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.

mouse0270 avatar Aug 28 '15 00:08 mouse0270

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.

misiek08 avatar Aug 28 '15 00:08 misiek08