CSS3 keyframes definitions cause browser to crash

GoogleCodeExporter commented 8 years ago

What steps will reproduce the problem?
1. Add media query to stylesheet with @keyframes definitions
2. Run in IE7 or IE8

What is the expected output? What do you see instead?
Expected to ignore @keyframes definitions.
Instead, browser freezes and has to be restarted!

What version of the product are you using? On what operating system?
I think I'm using v0.9 on Windows 7.

Original issue reported on code.google.com by michaelc...@gmail.com on 30 Jul 2012 at 10:22

GoogleCodeExporter commented 8 years ago

Back from the dead... There is a new version of the script. It has some CSS 
parsing and processing improvements. If you're still using it, or would like to 
try again, could you confirm that this issue is solved or not?

Original comment by wou...@dynora.nl on 4 Apr 2014 at 11:46

GoogleCodeExporter commented 8 years ago

Same exact issue here. Tested CSS on IE8: when it is encapsulated in a 
media-query, IE8 hangs for up to a minute before the page finally loads. I 
moved it to the main CSS outside of any media-queries and it solved the issue. 
CSS code is:

@-webkit-keyframes hang {
  50% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }

  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@keyframes hang {
  50% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }

  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

Original comment by sammiik...@gmail.com on 17 Jun 2014 at 7:45

webmechanicx / css3-mediaqueries-js

CSS3 keyframes definitions cause browser to crash #16