Script works for a second, then suddenly strips out ALL css?!

[Tim]

Subject says it all. After page loads, it looks fine for a second,
then suddenly removes ALL styling. ?!

[Christian]

Well, I think you need to provide a way to reproduce the behaviour you describe. A lot of people use ie7-js without seeing such problems, so there have to be some prerequisites for them.

2011/5/18 Tim <m...@timskoch.com>

Subject says it all.  After page loads, it looks fine for a second,
then suddenly removes ALL styling.  ?!

--
You received this message because you are subscribed to the Google Groups "ie7-js" group.
To post to this group, send email to ie7...@googlegroups.com.
To unsubscribe from this group, send email to ie7-js+un...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/ie7-js?hl=en.

[Tim]

Sorry, I ought to have provided more with my initial post. I guess I
was just hoping it was a common problem which someone could quickly
point me to (i.e. "oh did you forget to xyz? Everyone forgets that
once in a while...").

As far as my current setup, I'm using IE8.js (though I get the same
behavior with IE7/9.js). I've tried with and without ie7-squish.js.
I'm using jQuery on the page, but when I disabled it, the behavior
still occurs. I'm testing in IE8, using IE Developer Tools. When I
load the page in IE8 browser mode, it looks fine, but IE7 and IE8
Compatibility modes give me the problem described.

Sorry it isn't much to go off of, but I'm at a loss for (1) how to
troubleshoot it and (2) how to search these boards for similar
problems (search terms like "styles removed" and "not loading styling"
are too generic; I've tried crawling back chronologically, but can't
see any similar problems).

Thanks for any help!

[Tim]

Hmmm, after some code whittling I've narrowed it down to YUI's reset
CSS. I seem to get the problem described only when I include the css
from http://yui.yahooapis.com/combo?2.9.0/build/reset-fonts/reset-fonts.css&2.9.0/build/base/base-min.css

[Tim]

The CSS I linked to above is actually a combination of the following 3
CSS files:

http://yui.yahooapis.com/combo?2.9.0/build/base/base-min.css
http://yui.yahooapis.com/combo?2.9.0/build/fonts/fonts-min.css
http://yui.yahooapis.com/combo?2.9.0/build/reset/reset-min.css

Including only the first two works fine, but I get a JS error in
IE9.js when I include the 3rd.

[Tim]

Here's a call stack dump of where I'm getting the error (I've switched
to /src/IE9.js while I'm troubleshooting):

Ln 2898: IE7.recalc();
Ln 579: IE7.CSS.recalc();
Ln 766: if (element.currentStyle[id]) calc(element, cssText);
Ln 2079: element.runtimeStyle[propertyName] =
element.parentElement.currentStyle[propertyName];
Invalid argument.

[Tim]

On line 2079 (where I'm getting the error), the variable propertyName
equals 'font', and element.parentElement.currentStyle['font'] is
apparently undefined.

[John Kitson]

I get the same problem.

I'm using the YAML CSS framework which includes its' own reset styles
so I wonder if this is causing the problem?

[James Kennedy]

I get the same problem. It occurs on IE6 and IE7. For me, it isn't
breaking _all_ css, but seems to be able to process some of it before
it decides to break. The page starts to render fine up until the ie7-
js script is processed. The IE6/7 dev toolbar ends up in some state
where it is unable to debug/trace CSS rules as well. I wish I could
provide more information, but I'm not sure where to start.