IE8 tween/morph clip:rect breaks #2236

ibolmo opened this Issue Jan 19, 2012 · 1 comment


None yet
1 participant

ibolmo commented Jan 19, 2012

(from Lighthouse)

Some notes first:
-I looked through the tickets and this might be related to another but I cannot tell. -I am using IE Tester, not the actual IE8, so I don't know if this duplicates in the original (I'm using a virtual machine for IE6 and am using IE9 on this machine) -I may not be using clip: rect as it is meant to be used with tween/morph, however, it still seems to just work in every other browser including IE6,7, and 9.

Here is a JS Fiddle I set up to demonstrate:

setStyle works
setStyles works
tween breaks (in IE8 of IETester)
morph also breaks.

Couldn't figure out where it's going wrong, but instead of returning the full value ("rect(...)") it is returning everything prior to the first space, if you make the clip value comma-based, i.e. "rect(#px,#px,#px,#px)" then I am not sure what goes on but it runs through setting the style many times.

My apologies in advance if I'm doing something wrong here or otherwise have wasted your time, just seems to be a bug to me so I'm reporting it.


ibolmo commented Feb 5, 2012

Confirmed. I'm guessing this is a Fx.CSS.Parser problem. Need to investigate further.

@ibolmo ibolmo added a commit to ibolmo/mootools-core that referenced this issue Feb 6, 2012

@ibolmo ibolmo Fixes #2236.
Turns out this wasn't a Fx.CSS.parser issue but more of a
Element.getStyle needed to clean the value from rect(a, b, c, d) to our
preferred value of rect(a b c d).

This solves IE8 issue of returning rect(a,b,c,d) and non-webkit
returning rect(a, b, c, d). Element.setStyle still accepts rect(a b c d)
or rect(a, b, c, d).

PASSED: IE6-9; FFx 3-5, 8, 10; Chrome latest; Safari 5; Opera 11

ibolmo referenced this issue Feb 6, 2012


Fixes #2236. #2276

ibolmo closed this Mar 3, 2014

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment