Skip to content

Commit 736619a

Browse files
committed
Describe getComputedStyle() behavior of transform in terms of resolved value.
This describes the special getComputedStyle() behavior for the transform property by using the correct hook provided by the cssom, which is the term "resolved value special case property". Fixes #4869
1 parent 0adf3d5 commit 736619a

File tree

2 files changed

+17
-7
lines changed

2 files changed

+17
-7
lines changed

css-transforms-1/Overview.bs

Lines changed: 9 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -390,17 +390,23 @@ Serialization of <<transform-function>>s {#serialization-of-transform-functions}
390390

391391
To serialize the <<transform-function>>s, serialize as per their individual grammars, in the order the grammars are written in, avoiding <<calc()>> expressions where possible, avoiding <<calc()>> transformations, omitting components when possible without changing the meaning, joining space-separated tokens with a single space, and following each serialized comma with a single space.
392392

393-
Serialization of the computed value of <<transform-list>> {#serialization-of-the-computed-value}
393+
Resolved value of 'transform' {#serialization-of-the-computed-value}
394394
----------------------------------------------------------------
395395

396-
A <<transform-list>> for the computed value is serialized to one <<matrix()>> function by the following algorithm:
396+
The 'transform' property is a <a>resolved value special case property</a>. [[!CSSOM]]
397+
398+
When the <a>computed value</a> is a <<transform-list>>,
399+
the <a>resolved value</a> is one <<matrix()>> function
400+
computed by the following algorithm:
397401

398402
<ol class="algorithm">
399-
1. Let <var>transform</var> be a 4x4 matrix initialized to the identity matrix. The elements <var ignore> m11</var>, <var ignore>m22</var>, <var ignore>m33</var> and <var ignore>m44</var> of <var>transform</var> must be set to ''1'' all other elements of <var>transform</var> must be set to ''0''.
403+
1. Let <var>transform</var> be a 4x4 matrix initialized to the identity matrix. The elements <var ignore>m11</var>, <var ignore>m22</var>, <var ignore>m33</var> and <var ignore>m44</var> of <var>transform</var> must be set to ''1''; all other elements of <var>transform</var> must be set to ''0''.
400404
2. Post-multiply all <<transform-function>>s in <<transform-list>> to <var>transform</var>.
401405
3. Serialize <var>transform</var> to a <<matrix()>> function.
402406
</ol>
403407

408+
For other computed values, the <a>resolved value</a> is the <a>computed value</a>.
409+
404410
The 'transform-origin' Property {#transform-origin-property}
405411
============================================================
406412

css-transforms-2/Overview.bs

Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -136,13 +136,17 @@ Terminology {#terminology}
136136
:: A set of elements with a common ancestor which share a common three-dimensional coordinate system, as described <a href="#3d-rendering-contexts">below</a>.
137137

138138

139-
Serialization of the <a>computed value</a> of <<transform-list>> {#serialization-of-the-computed-value}
139+
Resolved value of 'transform' {#serialization-of-the-computed-value}
140140
----------------------------------------------------------------
141141

142-
A <<transform-list>> for the <a>computed value</a> is serialized to either one <<matrix()>> or one <<matrix3d()>> function by the following algorithm:
142+
The 'transform' property is a <a>resolved value special case property</a>. [[!CSSOM]]
143+
144+
When the <a>computed value</a> is a <<transform-list>>,
145+
the <a>resolved value</a> is one <<matrix()>> function or one <<matrix3d()>> function
146+
computed by the following algorithm:
143147

144148
<ol class="algorithm">
145-
1. Let <var>transform</var> be a 4x4 matrix initialized to the identity matrix. The elements <var ignore> m11</var>, <var ignore>m22</var>, <var ignore>m33</var> and <var ignore>m44</var> of <var>transform</var> must be set to ''1'' all other elements of <var>transform</var> must be set to ''0''.
149+
1. Let <var>transform</var> be a 4x4 matrix initialized to the identity matrix. The elements <var ignore>m11</var>, <var ignore>m22</var>, <var ignore>m33</var> and <var ignore>m44</var> of <var>transform</var> must be set to ''1''; all other elements of <var>transform</var> must be set to ''0''.
146150
2. Post-multiply all <<transform-function>>s in <<transform-list>> to <var>transform</var>.
147151
3. Chose between <<matrix()>> or <<matrix3d()>> serialization:
148152
<dl class="switch">
@@ -153,7 +157,7 @@ A <<transform-list>> for the <a>computed value</a> is serialized to either one <
153157
</dl>
154158
</ol>
155159

156-
Issue: fix this text to add to the text in CSS Transforms 1.
160+
For other computed values, the <a>resolved value</a> is the <a>computed value</a>.
157161

158162
Two Dimensional Subset {#two-dimensional-subset}
159163
================================================

0 commit comments

Comments
 (0)