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)
Core
CSS Parsing and Computation
Tracking
()
RESOLVED
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);`.
Reporter | ||
Updated•8 years ago
|
Keywords: css3
Summary: Support calc() in transform: scale() → Support calc() in transform: scale() and rotate()
Reporter | ||
Comment 1•8 years ago
|
||
A similar issue exists with rotate() rotateY(calc(1 * 30deg)) does not work. It should behave as if it were: rotateY(30deg)
Updated•8 years ago
|
Component: Untriaged → CSS Parsing and Computation
Product: Firefox → Core
Comment 2•8 years ago
|
||
Comment 1 appears to be a dupe of bug 956573. Not sure about the original bug, however.
Status: UNCONFIRMED → NEW
Ever confirmed: true
Updated•8 years ago
|
Priority: -- → P3
Comment 3•7 years ago
|
||
Resolved with Stylo, right?
Comment 4•7 years ago
|
||
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
Comment 6•7 years ago
|
||
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.
Blocks: stylo-behavior-changes
Status: NEW → RESOLVED
Closed: 7 years ago
status-firefox57:
--- → fixed
status-firefox58:
--- → fixed
status-firefox59:
--- → fixed
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.
Description
•