The matrix3d equivalent of scale(0) does not transition
Reported by
julianll...@gmail.com,
Jun 2 2017
|
||
Issue descriptionUserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.36 Steps to reproduce the problem: 1. Apply `transition: transform 1s` to an element. 2. Open inspector. 3. Apply `transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)` to the element. What is the expected behavior? The correct behavior can be observed by adding `transform: scale(0)` instead of the matrix for step 3. What went wrong? There is no transition! It seems matrix interpolation does not work here: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) — scale 0 matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) — default Did this work before? N/A Does this work in other browsers? No Safari handles this correctly. Firefox fails in the same way as Chromium. Chrome version: 58.0.3029.110 Channel: stable OS Version: OS X 10.11.6 Flash Version: If you use a very small number (but not too small), such as `0.001`, the matrix interpolation seems to work fine. matrix3d(0.001, 0, 0, 0, 0, 0.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) — works matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) — broken
,
Jun 2 2017
Related Bugzilla: https://bugzilla.mozilla.org/show_bug.cgi?id=883386 According to them, this behavior follows the spec (even if remarkably inconvenient)
,
Jun 2 2017
|
||
►
Sign in to add a comment |
||
Comment 1 Deleted