lojjic
":invalid" pseudo selector + behavior(PIE.htc) completely kills PIE8
Works in IE7 but IE8 doesn't load PIE at all anywhere if you happen to put the behavior on something like input:invalid. I only noticed this because they got mixed toegether in a big pile of SASS-produced css. Not a big deal but figured I'd at least document it.
html5boilerplate's red box shadow on invalid converted to SASS mixin + CSS3PIE converted to mixin left IE8 naked.
I don't quite understand this, the :invalid pseudoclass is not supported by IE at all, so I wouldn't expect PIE to be able to respond to it. Or are you using some sort of polyfill to make IE honor the :invalid pseudo?
Am I totally misunderstanding?
Nope, nothing special. It happened because I was using html5boilerplate converted to SASS with mixins. html5boilerplate defines styles for those pseudo elements by default using boxshadow, so naturally in porting to SASS I switched this to use a generated boxshadow class, which then got mixed in with some other stuff ultimately ending with this bug showing up in IE8.
Super edge case with no down sides but I wanted to at least note it in case someone else had the same problem and couldn't figure out the cause. It seems like in the cases where someone does convert html5boierplate to SASS or LESS and then using PIE it's actually a pretty likely outcome. Not that it needs to be fixed but that knowing PIE shouldn't mix with ::invalid.