transition using matrix to/from zero values can not be decomposed

According to Decomposing the
Matrix<http://www.w3.org/TR/css3-transforms/#matrix-decomposing>,
transitions from matrix(1, 0, 0, 0, 0, 0) to matrix(1, 0, 0, 1, 0, 0) is
not possible. This simple transform is saying an element is zero units high
and will become it's full height. Imagine a slide-down animation.

Due to this, browser vendors can not "fix" this without violating the
specs<https://bugzilla.mozilla.org/show_bug.cgi?id=883386>and web
authors have to work around this limitation by using max-height
transitions with guessed maximum height or revert to use
javascript<http://stackoverflow.com/questions/3508605/css-transition-height-0-to-height-auto>
.

I'm not sure if this is a documentation bug or a spec omission. But I
sincerely hope that this is not the intended behavior.

It should be said that all browsers that supports transform transitions can
animate from matrix(1, 0, 0, 0.0001, 0, 0) to matrix(1, 0, 0, 1, 0, 0).
Webkit does however leave a 1px artifact instead of hiding the element
completely.

Cheers, Jon

Received on Sunday, 23 June 2013 01:46:17 UTC