zhouyangzy / css3-mediaqueries-js

Automatically exported from code.google.com/p/css3-mediaqueries-js
0 stars 0 forks source link

Hangs IE7/8 with usage of this js library #8

Open GoogleCodeExporter opened 8 years ago

GoogleCodeExporter commented 8 years ago
What steps will reproduce the problem?
1. HTML 5 page full with contents, applied with css
2. LI with fixed width for <960px window size, and % width for more
3.

What is the expected output? What do you see instead?
As does it displayed in IE9, FF5. In IE7,8 it hangs browser, and only body 
background load, nothing else.

What version of the product are you using? On what operating system?
Latest. Downloaded today.

Please provide any additional information below.
I'm using following other js library on page..
jQuery v 1.6.2
hoverintent.js
superfish.js
jquery.placeholder-enhanced.min.js

Only if lt ie9
html5shiv - html5.js
selectvizer
pie.htc

I remove css3 mediaqueries js, and it works fine.

Original issue reported on code.google.com by jariwala...@gmail.com on 24 Aug 2011 at 3:59

GoogleCodeExporter commented 8 years ago
Same issue here. Hangs in ie7/8 when i include it in my page.

also latest version

Original comment by ewoutbr...@gmail.com on 9 Sep 2011 at 9:26

GoogleCodeExporter commented 8 years ago
I'm having the same issue.  This locks up IE 7 and 8.  Latest version.

Original comment by emri...@gmail.com on 10 Nov 2011 at 4:41

GoogleCodeExporter commented 8 years ago
Same here. 

Locks up IE 7/8.

Using:
semantic grid system (semanticgs.org) (and therefore lesscss javascript 
compiler)
<!--[if lt IE 9]>
   <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

Hopefully a resolution can be found, would be very useful. 

Original comment by murph...@gmail.com on 29 Nov 2011 at 9:09

GoogleCodeExporter commented 8 years ago
Same here. 

Locks up IE 7/8 (updated to latest).

using html5.js trunk
and 
css3-mediaqueries-js trunk

Original comment by netid...@gmail.com on 1 Dec 2011 at 10:08

GoogleCodeExporter commented 8 years ago
I had this issue too, the cause was a web font hosted on Google - it seems this 
script reloads all style sheets via ajax which caused IE to crash due to 
incorrect handling of a same origin policy security exception being raised.

Original comment by ste...@gmail.com on 5 Dec 2011 at 4:05

GoogleCodeExporter commented 8 years ago
Hangs in IE7/8 for me too. Only seeing the background image, and nothing else, 
although all content is accounted for in the source code. In source code, there 
is an attribute "checkedByCssHelper='true'" attached to every HTML tag.

Original comment by rochelle...@gmail.com on 29 May 2012 at 1:58

GoogleCodeExporter commented 8 years ago
If you are having this hanging problem, double check all of your stylesheets 
for any formatting issues.  I know a missing curly brace will cause the hanging.

Original comment by pswul...@gmail.com on 11 Jun 2012 at 7:37

GoogleCodeExporter commented 8 years ago
I had this issue. Turns out there indeed was a curly brace missing. Not for the 
'main css' mind you, but for the @media query that surrounded my css. 
Embarrassed.

Original comment by martinod...@gmail.com on 17 Jul 2012 at 5:41

GoogleCodeExporter commented 8 years ago
If you use LESS css, do not go beyond 2 levels of {} It will lock IE too.

Original comment by gene.sua...@gmail.com on 28 Sep 2012 at 6:26

GoogleCodeExporter commented 8 years ago
Between Martin and Gene this seems to be the answer. 
Max 2 levels of { body { wrap }}
Do not forget to check for missing {}
Just one out of place or missing and IE 8,7,6 and 5.5 are broken. 
Like Martin I found my missing @media screen and (min-width:...)
Simple mistakes that are simple to correct.
Thanks all for posting your findings, it saved me time.

Original comment by MursEm...@gmail.com on 2 Oct 2012 at 3:38

GoogleCodeExporter commented 8 years ago
For me the solution was only to include this on the page that I needed it, the 
hang was happening on a page I didn't need to be responsive.

The page it happened on + the one it didn't, both used the same CSS file.

Original comment by stu.a...@gmail.com on 21 Feb 2013 at 4:47

GoogleCodeExporter commented 8 years ago
same here total lockup

Original comment by dgolterg...@gmail.com on 9 May 2013 at 11:58

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
[deleted comment]
GoogleCodeExporter commented 8 years ago
I still have the problem in IE8 with the newest version of the script. The only 
way to get out of the hanging script is waiting for the "a script is taking 
long to run - do you want to stop it" dialog, or restart the browser, so it's 
almost impossible to profile where the problem happens. For now I've gone with 
a custom JS solution with a window.resize handler instead.

Original comment by jalsoede...@gmail.com on 22 Apr 2014 at 8:44

GoogleCodeExporter commented 8 years ago
I was having this crash in IE8 and I found the reason was in my css inside a 
@media query i had

@-moz-document url-prefix() {
.page_title {

}
}

Removing that removed the crashing problem.

Side note: download link for css3-mediaqueries-js doesn't work

Original comment by chrislau...@aka.nyc on 30 May 2014 at 4:17

GoogleCodeExporter commented 8 years ago
there is version issue...

Original comment by naughty1...@gmail.com on 10 Jul 2015 at 2:16