New issue
Advanced search Search tips

Issue 729010 link

Starred by 1 user

Issue metadata

Status: WontFix
Owner: ----
Closed: Jun 2017
EstimatedDays: ----
NextAction: ----
OS: Mac
Pri: 2
Type: Bug



Sign in to add a comment

The matrix3d equivalent of scale(0) does not transition

Reported by julianll...@gmail.com, Jun 2 2017

Issue description

UserAgent: 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
 

Comment 1 Deleted

Related Bugzilla: https://bugzilla.mozilla.org/show_bug.cgi?id=883386

According to them, this behavior follows the spec (even if remarkably inconvenient)
Status: WontFix (was: Unconfirmed)

Sign in to add a comment