Broken in IE7

Submitted by coneybeare on Wed, 04/29/2009 - 09:06

There is a javascript error in liquid-canvas.js when attempting to run in ie7. The line is 213, in the function function checkResize(container, force).

The buggy call (according to the ie7 developer bar) is the .width call on line 213. It says "'width' is null or not an object'

I am no js expert... what should I do?

Thanks,
Matt

Trackback URL for this post:

http://www.ruzee.com/trackback/240
‹ Nested Canvas in IE top and/or bottom borders only ›

Fixed

Submitted by Rob Baker (not verified) on Thu, 11/19/2009 - 07:43.

Had this exact same problem using v0.3 and after a couple of hours of javascript hacking to try and force the width, noticed my opening 'if IE' conditional comment was missing a closing bracket around the call for excanvas.js. I put that in and worked great after that.

Check to make sure excanvas is actually loading!

Don't leave out width in CSS properties

Submitted by Kyle Howard (not verified) on Tue, 06/23/2009 - 05:48.

This is how I got it to work,

In the CSS properties for the element that you are trying to use liquid canvas on, set the width to 0 auto or whatever you'd like, it just needs to be there otherwise it errors out with a null.

(example)

#round {width:0 auto; margin:0 auto; padding:40px; }

In this example round would be the element id that I am trying to use liquid canvas on.

same error here...

Submitted by Jochen (not verified) on Tue, 06/09/2009 - 10:45.

I get similar JS errors in IE7:

'undefined' is null or not an object (test.html,218)

'width' is null or not an object (test.html,213)

Any ideas / hints?

Thanks a lot,
Jochen

Indeed I'm getting the same

Submitted by sionnach on Wed, 07/08/2009 - 12:27.

Indeed I'm getting the same issues with IE7 and IE6 and it's proving to be a right pain. Setting the width to auto 0 as mentioned above has no effect at all.

Any else got any ideas?

And it is a great shame that these forums are not frequented by others more often, Stefan too :-(

That said, this is some great work you have done and we all appreciated it.

I got the same problem with

Submitted by Marius Kjeldahl (not verified) on Thu, 08/20/2009 - 14:52.

I got the same problem with ie7. I'm not that into the canvas/javascript parts, but I think I managed to put in a workaround which I assume effectively disables liquidcanvas rendering on ie7. In the checkResize function in liquid-canvas.js, add a check if canvas is defined and return if it is not, like:


var w = $container.outerWidth();
var h = $container.outerHeight();
if (!canvas) {
return;
}

Good luck.