Closed Bug 1308785 Opened 8 years ago Closed 7 years ago

Support calc() in transform: scale() and rotate()

Categories

(Core :: CSS Parsing and Computation, defect, P3)

defect

Tracking

()

RESOLVED FIXED
Tracking Status
firefox57 --- fixed
firefox58 --- fixed
firefox59 --- fixed

People

(Reporter: davidkpiano, Unassigned)

References

(Blocks 1 open bug)

Details

(Keywords: css3)

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.10; rv:49.0) Gecko/20100101 Firefox/49.0
Build ID: 20160922113459

Steps to reproduce:

This CodePen demonstrates the issue: http://codepen.io/davidkpiano/pen/85100956149faf1d6069c42644b0a659

Steps to reproduce:
1. Add the `transform: scale(calc(1 + 1));` rule to any element (using the dev tools or otherwise)
2. Assert that the element is scaled as if it had the rule `transform: scale(2);`.


Actual results:

The element is not scaled, as the rule is considered invalid by Firefox.


Expected results:

The element should be scaled to twice its size, as if it had the rule `transform: scale(2);`.
Keywords: css3
Summary: Support calc() in transform: scale() → Support calc() in transform: scale() and rotate()
A similar issue exists with rotate()

rotateY(calc(1 * 30deg))

does not work. It should behave as if it were:

rotateY(30deg)
Component: Untriaged → CSS Parsing and Computation
Product: Firefox → Core
Comment 1 appears to be a dupe of bug 956573. Not sure about the original bug, however.
Status: UNCONFIRMED → NEW
Ever confirmed: true
Priority: -- → P3
Blocks: 1317354
Resolved with Stylo, right?
Confirmed this is fixed in Stylo builds (i.e. version 57+ on desktop). Marking this as blocked on supporting Stylo in Android although perhaps we should just dupe it to that bug since this will be fixed as soon as that bug is.
Depends on: stylo-android
Summary: Support calc() in transform: scale() and rotate() → Support calc() in transform: scale() and rotate() on Android
We never came to a very clear agreement about how to handle bugs fixed by Stylo (Daniel, Astley, and Xidorn had slightly different ideas). However, I think we agree to make them block stylo-behavior-change and mark them fixed either:

1. as soon as they were fixed on m-c, or
2. as soon as Stylo was enabled on Android, or
3. as soon as we remove the old style system

Now that we have enabled Stylo on Android (bug 1366049), i.e. 2 from above, I think it's probably reasonable to mark this fixed.

I'm a bit lost as to how to update the status flags though for now I'll just mark this fixed from 57 onwards.
Status: NEW → RESOLVED
Closed: 7 years ago
Resolution: --- → FIXED
Summary: Support calc() in transform: scale() and rotate() on Android → Support calc() in transform: scale() and rotate()
Version: 49 Branch → Trunk
You need to log in before you can comment on or make changes to this bug.