Can't get it working in IE7-8

[tmikaeld]

Hello,

Im testing this on IE9 and it works great there, but on IE7 and IE8 i get this error.

Message: 'undefined' is null or not an object
Line: 147
Char: 9
Code: 0
URI: http://localserver/Tools/zoltan-dulac-cssSandpaper-c60921f/shared/js/asamuzak.jp/textshadow.js

And no text-shadow's are working.

[zoltan-dulac]

Do you have a test page that you can post with this error present?

[wuservices]

Are you trying to transform something that you haven't inserted into the DOM yet? I didn't have this exact issue but I noticed that due to the way some of the operations work (specifically, the legacy IE workarounds that add a parent container around the element), you the object you're using cssSandpaper on needs to have a parent.

In my case, I was trying to rotate an image that was in a Backbone.js view that wasn't inserted into the DOM yet and was getting an error. To fix it I just wrapped the img in a div before calling setTransform on it.

[peterdemaeyer]

I ran into the same issue with IE8, and I was able to fix it (or at least work around it).

To fix, overwriting the file shared/js/asamuzak.jp/textshadow.js with shared/js/textshadow.js.

I diffed both files and there is only a minor diff, but I'm no expert on JavaScript so what do I know... It worked, didn't it?

[peterdemaeyer]

Use the test pages in tests/cssSandpaper/textShadow* to reproduce/validate.

[AlexanderSk]

This seems to work: To fix, overwriting the file shared/js/asamuzak.jp/textshadow.js with shared/js/textshadow.js.
Thank you very much peter!

The file "textShadowCss3Info.html" needs to change the text shadow path to src="../../shared/js/textshadow.js"

[JDW1]

I get a similar error in IE7.

Here's my test page:

http://visionsecurity.jp/en/test/about.html

View the page's Source and you'll see that only "BodyText" has "text-shadow" applied to it.

Here's the content of the error dialog in IE7 (WindowsXP):

Message: 'selector' is null or not an object
Line: 201
Char: 5
Code: 0
URI: http://visionsecurity.jp/en/test/about.html

I've tried everything I can think of to resolve this. Hosting the *.js files on my own server did not solve the problem, nor does it work when I hotlink them (temporarily of course) from useragentman.com.