mirror of
https://github.com/servo/servo.git
synced 2025-08-13 01:15:34 +01:00
Update web-platform-tests and CSS tests.
- Update CSS tests to revision e05bfd5e30ed662c2f8a353577003f8eed230180. - Update web-platform-tests to revision a052787dd5c069a340031011196b73affbd68cd9.
This commit is contained in:
Ms2ger
parent
fb4f421c8b
commit
296fa2512b
21852 changed files with 2080936 additions and 892894 deletions
60
tests/wpt/css-tests/css-will-change-1_dev/html/chapter-1.htm
Normal file
60
tests/wpt/css-tests/css-will-change-1_dev/html/chapter-1.htm
Normal file
|
|
@ -0,0 +1,60 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<title>Introduction - CSS Will Change Module Level 1 CR Test Suite</title>
|
||||
<style type="text/css">
|
||||
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
||||
@import "../indices.css";
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1>CSS Will Change Module Level 1 CR Test Suite</h1>
|
||||
<h2>Introduction (0 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column">
|
||||
<col id="refs-column">
|
||||
<col id="flags-column">
|
||||
<col id="info-column">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Test</th>
|
||||
<th><abbr title="Rendering References">Refs</abbr></th>
|
||||
<th>Flags</th>
|
||||
<th>Info</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="s1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1">+</a>
|
||||
<a href="https://www.w3.org/TR/css-will-change-1/#intro">1 Introduction</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.#example-1a504618">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1.1">+</a>
|
||||
<a href="https://www.w3.org/TR/css-will-change-1/#using">1.1 Using will-change Well</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.1.#css-sparingly">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.1.#dont-global">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.1.#dont-waste">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.1.#give-time">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
281
tests/wpt/css-tests/css-will-change-1_dev/html/chapter-2.htm
Normal file
281
tests/wpt/css-tests/css-will-change-1_dev/html/chapter-2.htm
Normal file
|
|
@ -0,0 +1,281 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<title>Hinting at Future Behavior: the will-change property - CSS Will Change Module Level 1 CR Test Suite</title>
|
||||
<style type="text/css">
|
||||
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
||||
@import "../indices.css";
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1>CSS Will Change Module Level 1 CR Test Suite</h1>
|
||||
<h2>Hinting at Future Behavior: the will-change property (19 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column">
|
||||
<col id="refs-column">
|
||||
<col id="flags-column">
|
||||
<col id="info-column">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Test</th>
|
||||
<th><abbr title="Rendering References">Refs</abbr></th>
|
||||
<th>Flags</th>
|
||||
<th>Info</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="s2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2">+</a>
|
||||
<a href="https://www.w3.org/TR/css-will-change-1/#will-change">2 Hinting at Future Behavior: the will-change property</a></th></tr>
|
||||
<!-- 19 tests -->
|
||||
<tr id="will-change-fixpos-cb-contain-1-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="will-change-fixpos-cb-contain-1.htm">will-change-fixpos-cb-contain-1</a></strong></td>
|
||||
<td><a href="reference/green-square-100-by-100-offset-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS will-change: 'will-change: contain' creates a containing block for fixed positioned elements
|
||||
<ul class="assert">
|
||||
<li>If any non-initial value of a property would cause the element to generate a containing block for fixed-position elements, specifying that property in will-change must cause the element to generate a containing block for fixed-position elements.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="will-change-fixpos-cb-filter-1-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="will-change-fixpos-cb-filter-1.htm">will-change-fixpos-cb-filter-1</a></strong></td>
|
||||
<td><a href="reference/green-square-100-by-100-offset-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS will-change: 'will-change: filter' creates a containing block for fixed positioned elements
|
||||
<ul class="assert">
|
||||
<li>If any non-initial value of a property would cause the element to generate a containing block for fixed-position elements, specifying that property in will-change must cause the element to generate a containing block for fixed-position elements.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="will-change-fixpos-cb-height-1-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="will-change-fixpos-cb-height-1.htm">will-change-fixpos-cb-height-1</a></strong></td>
|
||||
<td><a href="reference/green-square-100-by-100-offset-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS will-change: 'will-change: height' does not create a containing block for fixed positioned elements
|
||||
<ul class="assert">
|
||||
<li>If any non-initial value of a property would cause the element to generate a containing block for fixed-position elements, specifying that property in will-change must cause the element to generate a containing block for fixed-position elements.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="will-change-fixpos-cb-perspective-1-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="will-change-fixpos-cb-perspective-1.htm">will-change-fixpos-cb-perspective-1</a></strong></td>
|
||||
<td><a href="reference/green-square-100-by-100-offset-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS will-change: 'will-change: perspective' creates a containing block for fixed positioned elements
|
||||
<ul class="assert">
|
||||
<li>If any non-initial value of a property would cause the element to generate a containing block for fixed-position elements, specifying that property in will-change must cause the element to generate a containing block for fixed-position elements.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="will-change-fixpos-cb-position-1-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="will-change-fixpos-cb-position-1.htm">will-change-fixpos-cb-position-1</a></strong></td>
|
||||
<td><a href="reference/green-square-100-by-100-offset-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS will-change: 'will-change: position' does not create a containing block for fixed positioned elements but does create a containing block for absolutely positioned elements
|
||||
<ul class="assert">
|
||||
<li>If any non-initial value of a property would cause the element to generate a containing block for fixed-position elements, specifying that property in will-change must cause the element to generate a containing block for fixed-position elements.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="will-change-fixpos-cb-transform-1-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="will-change-fixpos-cb-transform-1.htm">will-change-fixpos-cb-transform-1</a></strong></td>
|
||||
<td><a href="reference/green-square-100-by-100-offset-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS will-change: 'will-change: transform' creates a containing block for fixed positioned elements
|
||||
<ul class="assert">
|
||||
<li>If any non-initial value of a property would cause the element to generate a containing block for fixed-position elements, specifying that property in will-change must cause the element to generate a containing block for fixed-position elements.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="will-change-fixpos-cb-transform-style-1-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="will-change-fixpos-cb-transform-style-1.htm">will-change-fixpos-cb-transform-style-1</a></strong></td>
|
||||
<td><a href="reference/green-square-100-by-100-offset-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS will-change: 'will-change: transform-style' creates a containing block for fixed positioned elements
|
||||
<ul class="assert">
|
||||
<li>If any non-initial value of a property would cause the element to generate a containing block for fixed-position elements, specifying that property in will-change must cause the element to generate a containing block for fixed-position elements.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="will-change-stacking-context-clip-path-1-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="will-change-stacking-context-clip-path-1.htm">will-change-stacking-context-clip-path-1</a></strong></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS will-change: 'will-change: clip-path' creates a stacking context
|
||||
<ul class="assert">
|
||||
<li>If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="will-change-stacking-context-filter-1-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="will-change-stacking-context-filter-1.htm">will-change-stacking-context-filter-1</a></strong></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS will-change: 'will-change: filter' creates a stacking context
|
||||
<ul class="assert">
|
||||
<li>If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="will-change-stacking-context-height-1-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="will-change-stacking-context-height-1.htm">will-change-stacking-context-height-1</a></strong></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS will-change: 'will-change: height' does not create a stacking context
|
||||
<ul class="assert">
|
||||
<li>If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="will-change-stacking-context-isolation-1-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="will-change-stacking-context-isolation-1.htm">will-change-stacking-context-isolation-1</a></strong></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS will-change: 'will-change: isolation' creates a stacking context
|
||||
<ul class="assert">
|
||||
<li>If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="will-change-stacking-context-mask-1-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="will-change-stacking-context-mask-1.htm">will-change-stacking-context-mask-1</a></strong></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS will-change: 'will-change: mask' creates a stacking context
|
||||
<ul class="assert">
|
||||
<li>If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="will-change-stacking-context-mix-blend-mode-1-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="will-change-stacking-context-mix-blend-mode-1.htm">will-change-stacking-context-mix-blend-mode-1</a></strong></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS will-change: 'will-change: mix-blend-mode' creates a stacking context
|
||||
<ul class="assert">
|
||||
<li>If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="will-change-stacking-context-opacity-1-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="will-change-stacking-context-opacity-1.htm">will-change-stacking-context-opacity-1</a></strong></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS will-change: 'will-change: opacity' creates a stacking context
|
||||
<ul class="assert">
|
||||
<li>If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="will-change-stacking-context-perspective-1-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="will-change-stacking-context-perspective-1.htm">will-change-stacking-context-perspective-1</a></strong></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS will-change: 'will-change: perspective' creates a stacking context
|
||||
<ul class="assert">
|
||||
<li>If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="will-change-stacking-context-position-1-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="will-change-stacking-context-position-1.htm">will-change-stacking-context-position-1</a></strong></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS will-change: 'will-change: position' creates a stacking context
|
||||
<ul class="assert">
|
||||
<li>If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="will-change-stacking-context-transform-1-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="will-change-stacking-context-transform-1.htm">will-change-stacking-context-transform-1</a></strong></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS will-change: 'will-change: transform' creates a stacking context
|
||||
<ul class="assert">
|
||||
<li>If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="will-change-stacking-context-transform-style-1-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="will-change-stacking-context-transform-style-1.htm">will-change-stacking-context-transform-style-1</a></strong></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS will-change: 'will-change: transform-style' creates a stacking context
|
||||
<ul class="assert">
|
||||
<li>If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="will-change-stacking-context-z-index-1-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="will-change-stacking-context-z-index-1.htm">will-change-stacking-context-z-index-1</a></strong></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS will-change: 'will-change: z-index' creates a stacking context
|
||||
<ul class="assert">
|
||||
<li>If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s2.#example-0925a526">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#example-11850f13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#example-3a61cc96">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#example-cd991592">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#example-f071a487">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#propdef-will-change">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#typedef-animateable-feature">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#valdef-will-change-auto">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#valdef-will-change-contents">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#valdef-will-change-custom-ident">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#valdef-will-change-scroll-position">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
39
tests/wpt/css-tests/css-will-change-1_dev/html/chapter-3.htm
Normal file
39
tests/wpt/css-tests/css-will-change-1_dev/html/chapter-3.htm
Normal file
|
|
@ -0,0 +1,39 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<title>Acknowledgements - CSS Will Change Module Level 1 CR Test Suite</title>
|
||||
<style type="text/css">
|
||||
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
||||
@import "../indices.css";
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1>CSS Will Change Module Level 1 CR Test Suite</h1>
|
||||
<h2>Acknowledgements (0 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column">
|
||||
<col id="refs-column">
|
||||
<col id="flags-column">
|
||||
<col id="info-column">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Test</th>
|
||||
<th><abbr title="Rendering References">Refs</abbr></th>
|
||||
<th>Flags</th>
|
||||
<th>Info</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="s3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s3">+</a>
|
||||
<a href="https://www.w3.org/TR/css-will-change-1/#acks">3 Acknowledgements</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
126
tests/wpt/css-tests/css-will-change-1_dev/html/chapter-4.htm
Normal file
126
tests/wpt/css-tests/css-will-change-1_dev/html/chapter-4.htm
Normal file
|
|
@ -0,0 +1,126 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<title>Changes since the April 29 2014 Working Draft - CSS Will Change Module Level 1 CR Test Suite</title>
|
||||
<style type="text/css">
|
||||
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
||||
@import "../indices.css";
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1>CSS Will Change Module Level 1 CR Test Suite</h1>
|
||||
<h2>Changes since the April 29 2014 Working Draft (0 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column">
|
||||
<col id="refs-column">
|
||||
<col id="flags-column">
|
||||
<col id="info-column">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Test</th>
|
||||
<th><abbr title="Rendering References">Refs</abbr></th>
|
||||
<th>Flags</th>
|
||||
<th>Info</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="s4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4">+</a>
|
||||
<a href="https://www.w3.org/TR/css-will-change-1/#changes">4 Changes since the April 29 2014 Working Draft</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#abstract">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#conformance">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#contents">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#index">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#property-index">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#references">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#status">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#subtitle">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#title">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconformance.#conformance-classes">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconformance.#conventions">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconformance.#cr-exit-criteria">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconformance.#experimental">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconformance.#partial">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconformance.#testing">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconventions.#example-f839f6c8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="scss-sparingly.#example-3634b91e">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="scss-sparingly.#example-8e05111e">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sgive-time.#example-ee344275">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sindex.#index-defined-elsewhere">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sindex.#index-defined-here">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sinformative.#biblio-css-backgrounds-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sinformative.#biblio-css-color-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sinformative.#biblio-css-transforms-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-values-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-rfc2119">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sreferences.#informative">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sreferences.#normative">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sstatus.#w3c_process_revision">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS will-change reference</title>
|
||||
<link href="https://dbaron.org/" rel="author" title="L. David Baron">
|
||||
<link href="http://www.mozilla.org/" rel="author" title="Mozilla">
|
||||
<style>
|
||||
html, body { margin: 0; padding: 0; }
|
||||
div { width: 100px; height: 100px; margin: 100px 0 0 100px; background: green }
|
||||
</style>
|
||||
</head><body>
|
||||
<div></div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS will-change reference</title>
|
||||
<link href="https://dbaron.org/" rel="author" title="L. David Baron">
|
||||
<link href="http://www.mozilla.org/" rel="author" title="Mozilla">
|
||||
<style>
|
||||
html, body { margin: 0; padding: 0; }
|
||||
div { width: 100px; height: 100px; background: green }
|
||||
</style>
|
||||
</head><body>
|
||||
<div></div>
|
||||
|
||||
</body></html>
|
||||
182
tests/wpt/css-tests/css-will-change-1_dev/html/reftest-toc.htm
Normal file
182
tests/wpt/css-tests/css-will-change-1_dev/html/reftest-toc.htm
Normal file
|
|
@ -0,0 +1,182 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Will Change Module Level 1 CR Test Suite Reftest Index</title>
|
||||
<style type="text/css">
|
||||
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
||||
@import "../indices.css";
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1>CSS Will Change Module Level 1 CR Test Suite Reftest Index</h1>
|
||||
<table width="100%">
|
||||
<col id="test-column">
|
||||
<col id="ref-column">
|
||||
<col id="flags-column">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Test</th>
|
||||
<th>Reference</th>
|
||||
<th>Flags</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="will-change-fixpos-cb-contain-1" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS will-change: 'will-change: contain' creates a containing block for fixed positioned elements">
|
||||
<a href="will-change-fixpos-cb-contain-1.htm">will-change-fixpos-cb-contain-1</a></td>
|
||||
<td><a href="reference/green-square-100-by-100-offset-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="will-change-fixpos-cb-filter-1" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS will-change: 'will-change: filter' creates a containing block for fixed positioned elements">
|
||||
<a href="will-change-fixpos-cb-filter-1.htm">will-change-fixpos-cb-filter-1</a></td>
|
||||
<td><a href="reference/green-square-100-by-100-offset-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="will-change-fixpos-cb-height-1" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS will-change: 'will-change: height' does not create a containing block for fixed positioned elements">
|
||||
<a href="will-change-fixpos-cb-height-1.htm">will-change-fixpos-cb-height-1</a></td>
|
||||
<td><a href="reference/green-square-100-by-100-offset-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="will-change-fixpos-cb-perspective-1" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS will-change: 'will-change: perspective' creates a containing block for fixed positioned elements">
|
||||
<a href="will-change-fixpos-cb-perspective-1.htm">will-change-fixpos-cb-perspective-1</a></td>
|
||||
<td><a href="reference/green-square-100-by-100-offset-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="will-change-fixpos-cb-position-1" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS will-change: 'will-change: position' does not create a containing block for fixed positioned elements but does create a containing block for absolutely positioned elements">
|
||||
<a href="will-change-fixpos-cb-position-1.htm">will-change-fixpos-cb-position-1</a></td>
|
||||
<td><a href="reference/green-square-100-by-100-offset-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="will-change-fixpos-cb-transform-1" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS will-change: 'will-change: transform' creates a containing block for fixed positioned elements">
|
||||
<a href="will-change-fixpos-cb-transform-1.htm">will-change-fixpos-cb-transform-1</a></td>
|
||||
<td><a href="reference/green-square-100-by-100-offset-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="will-change-fixpos-cb-transform-style-1" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS will-change: 'will-change: transform-style' creates a containing block for fixed positioned elements">
|
||||
<a href="will-change-fixpos-cb-transform-style-1.htm">will-change-fixpos-cb-transform-style-1</a></td>
|
||||
<td><a href="reference/green-square-100-by-100-offset-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="will-change-stacking-context-clip-path-1" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS will-change: 'will-change: clip-path' creates a stacking context">
|
||||
<a href="will-change-stacking-context-clip-path-1.htm">will-change-stacking-context-clip-path-1</a></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="will-change-stacking-context-filter-1" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS will-change: 'will-change: filter' creates a stacking context">
|
||||
<a href="will-change-stacking-context-filter-1.htm">will-change-stacking-context-filter-1</a></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="will-change-stacking-context-height-1" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS will-change: 'will-change: height' does not create a stacking context">
|
||||
<a href="will-change-stacking-context-height-1.htm">will-change-stacking-context-height-1</a></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="will-change-stacking-context-isolation-1" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS will-change: 'will-change: isolation' creates a stacking context">
|
||||
<a href="will-change-stacking-context-isolation-1.htm">will-change-stacking-context-isolation-1</a></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="will-change-stacking-context-mask-1" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS will-change: 'will-change: mask' creates a stacking context">
|
||||
<a href="will-change-stacking-context-mask-1.htm">will-change-stacking-context-mask-1</a></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="will-change-stacking-context-mix-blend-mode-1" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS will-change: 'will-change: mix-blend-mode' creates a stacking context">
|
||||
<a href="will-change-stacking-context-mix-blend-mode-1.htm">will-change-stacking-context-mix-blend-mode-1</a></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="will-change-stacking-context-opacity-1" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS will-change: 'will-change: opacity' creates a stacking context">
|
||||
<a href="will-change-stacking-context-opacity-1.htm">will-change-stacking-context-opacity-1</a></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="will-change-stacking-context-perspective-1" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS will-change: 'will-change: perspective' creates a stacking context">
|
||||
<a href="will-change-stacking-context-perspective-1.htm">will-change-stacking-context-perspective-1</a></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="will-change-stacking-context-position-1" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS will-change: 'will-change: position' creates a stacking context">
|
||||
<a href="will-change-stacking-context-position-1.htm">will-change-stacking-context-position-1</a></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="will-change-stacking-context-transform-1" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS will-change: 'will-change: transform' creates a stacking context">
|
||||
<a href="will-change-stacking-context-transform-1.htm">will-change-stacking-context-transform-1</a></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="will-change-stacking-context-transform-style-1" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS will-change: 'will-change: transform-style' creates a stacking context">
|
||||
<a href="will-change-stacking-context-transform-style-1.htm">will-change-stacking-context-transform-style-1</a></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="will-change-stacking-context-z-index-1" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS will-change: 'will-change: z-index' creates a stacking context">
|
||||
<a href="will-change-stacking-context-z-index-1.htm">will-change-stacking-context-z-index-1</a></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
20
tests/wpt/css-tests/css-will-change-1_dev/html/reftest.list
Normal file
20
tests/wpt/css-tests/css-will-change-1_dev/html/reftest.list
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
|
||||
will-change-fixpos-cb-contain-1.htm == reference/green-square-100-by-100-offset-ref.htm
|
||||
will-change-fixpos-cb-filter-1.htm == reference/green-square-100-by-100-offset-ref.htm
|
||||
will-change-fixpos-cb-height-1.htm == reference/green-square-100-by-100-offset-ref.htm
|
||||
will-change-fixpos-cb-perspective-1.htm == reference/green-square-100-by-100-offset-ref.htm
|
||||
will-change-fixpos-cb-position-1.htm == reference/green-square-100-by-100-offset-ref.htm
|
||||
will-change-fixpos-cb-transform-1.htm == reference/green-square-100-by-100-offset-ref.htm
|
||||
will-change-fixpos-cb-transform-style-1.htm == reference/green-square-100-by-100-offset-ref.htm
|
||||
will-change-stacking-context-clip-path-1.htm == reference/green-square-100-by-100-ref.htm
|
||||
will-change-stacking-context-filter-1.htm == reference/green-square-100-by-100-ref.htm
|
||||
will-change-stacking-context-height-1.htm == reference/green-square-100-by-100-ref.htm
|
||||
will-change-stacking-context-isolation-1.htm == reference/green-square-100-by-100-ref.htm
|
||||
will-change-stacking-context-mask-1.htm == reference/green-square-100-by-100-ref.htm
|
||||
will-change-stacking-context-mix-blend-mode-1.htm == reference/green-square-100-by-100-ref.htm
|
||||
will-change-stacking-context-opacity-1.htm == reference/green-square-100-by-100-ref.htm
|
||||
will-change-stacking-context-perspective-1.htm == reference/green-square-100-by-100-ref.htm
|
||||
will-change-stacking-context-position-1.htm == reference/green-square-100-by-100-ref.htm
|
||||
will-change-stacking-context-transform-1.htm == reference/green-square-100-by-100-ref.htm
|
||||
will-change-stacking-context-transform-style-1.htm == reference/green-square-100-by-100-ref.htm
|
||||
will-change-stacking-context-z-index-1.htm == reference/green-square-100-by-100-ref.htm
|
||||
44
tests/wpt/css-tests/css-will-change-1_dev/html/toc.htm
Normal file
44
tests/wpt/css-tests/css-will-change-1_dev/html/toc.htm
Normal file
|
|
@ -0,0 +1,44 @@
|
|||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Will Change Module Level 1 CR Test Suite</title>
|
||||
<style type="text/css">
|
||||
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
||||
@import "../indices.css";
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>CSS Will Change Module Level 1 CR Test Suite By Chapter</h1>
|
||||
|
||||
<p>This index contains both
|
||||
<a href="http://wiki.csswg.org/test/selftest">self-describing tests</a>
|
||||
and reftests.
|
||||
A separate <a href="reftest-toc.htm">alphabetical reftest index</a>
|
||||
is provided for tests in <a href="http://wiki.csswg.org/test/reftest">reftest
|
||||
format</a> along with the <a href="reftest.list">reftest manifest</a>.</p>
|
||||
|
||||
<table>
|
||||
<tbody id="s1">
|
||||
<tr><th><a href="chapter-1.htm">Chapter 1 -
|
||||
Introduction</a></th>
|
||||
<td>(0 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s2">
|
||||
<tr><th><a href="chapter-2.htm">Chapter 2 -
|
||||
Hinting at Future Behavior: the will-change property</a></th>
|
||||
<td>(19 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s3">
|
||||
<tr><th><a href="chapter-3.htm">Chapter 3 -
|
||||
Acknowledgements</a></th>
|
||||
<td>(0 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s4">
|
||||
<tr><th><a href="chapter-4.htm">Chapter 4 -
|
||||
Changes since the April 29 2014 Working Draft</a></th>
|
||||
<td>(0 Tests)</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS will-change: 'will-change: contain' creates a containing block for fixed positioned elements</title>
|
||||
<link href="https://dbaron.org/" rel="author" title="L. David Baron">
|
||||
<link href="http://www.mozilla.org/" rel="author" title="Mozilla">
|
||||
<link href="https://drafts.csswg.org/css-will-change-1/#will-change" rel="help">
|
||||
<link href="https://drafts.csswg.org/css-containment/#containment-paint" rel="help">
|
||||
<link href="reference/green-square-100-by-100-offset-ref.htm" rel="match">
|
||||
<meta content="If any non-initial value of a property would cause the element to generate a containing block for fixed-position elements, specifying that property in will-change must cause the element to generate a containing block for fixed-position elements." name="assert">
|
||||
<style>
|
||||
html, body { margin: 0; padding: 0; }
|
||||
div { width: 100px; height: 100px }
|
||||
#wc { will-change: contain; margin: 100px 0 0 100px; background: red }
|
||||
.child { top: 0; left: 0; width: 50px; background: green }
|
||||
#fixpos { position: fixed }
|
||||
#abspos { position: absolute; left: 50px }
|
||||
</style>
|
||||
</head><body>
|
||||
<div id="wc">
|
||||
<div id="fixpos" class="child">
|
||||
</div>
|
||||
<div id="abspos" class="child">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS will-change: 'will-change: filter' creates a containing block for fixed positioned elements</title>
|
||||
<link href="https://dbaron.org/" rel="author" title="L. David Baron">
|
||||
<link href="http://www.mozilla.org/" rel="author" title="Mozilla">
|
||||
<link href="https://drafts.csswg.org/css-will-change-1/#will-change" rel="help">
|
||||
<link href="http://www.w3.org/TR/filter-effects/#FilterProperty" rel="help">
|
||||
<link href="reference/green-square-100-by-100-offset-ref.htm" rel="match">
|
||||
<meta content="If any non-initial value of a property would cause the element to generate a containing block for fixed-position elements, specifying that property in will-change must cause the element to generate a containing block for fixed-position elements." name="assert">
|
||||
<style>
|
||||
html, body { margin: 0; padding: 0; }
|
||||
div { width: 100px; height: 100px }
|
||||
#wc { will-change: filter; margin: 100px 0 0 100px; background: red }
|
||||
.child { top: 0; left: 0; width: 50px; background: green }
|
||||
#fixpos { position: fixed }
|
||||
#abspos { position: absolute; left: 50px }
|
||||
</style>
|
||||
</head><body>
|
||||
<div id="wc">
|
||||
<div id="fixpos" class="child">
|
||||
</div>
|
||||
<div id="abspos" class="child">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS will-change: 'will-change: height' does not create a containing block for fixed positioned elements</title>
|
||||
<link href="https://dbaron.org/" rel="author" title="L. David Baron">
|
||||
<link href="http://www.mozilla.org/" rel="author" title="Mozilla">
|
||||
<link href="https://drafts.csswg.org/css-will-change-1/#will-change" rel="help">
|
||||
<link href="reference/green-square-100-by-100-offset-ref.htm" rel="match">
|
||||
<meta content="If any non-initial value of a property would cause the element to generate a containing block for fixed-position elements, specifying that property in will-change must cause the element to generate a containing block for fixed-position elements." name="assert">
|
||||
<style>
|
||||
html, body { margin: 0; padding: 0; }
|
||||
div { width: 100px; height: 100px }
|
||||
#wc { will-change: height; margin: 100px 0 0 100px; background: red }
|
||||
.child { top: 100px; left: 100px; width: 50px; background: green }
|
||||
#fixpos { position: fixed }
|
||||
#abspos { position: absolute; left: 150px }
|
||||
</style>
|
||||
</head><body>
|
||||
<div id="wc">
|
||||
<div id="fixpos" class="child">
|
||||
</div>
|
||||
<div id="abspos" class="child">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS will-change: 'will-change: perspective' creates a containing block for fixed positioned elements</title>
|
||||
<link href="https://dbaron.org/" rel="author" title="L. David Baron">
|
||||
<link href="http://www.mozilla.org/" rel="author" title="Mozilla">
|
||||
<link href="https://drafts.csswg.org/css-will-change-1/#will-change" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-transforms/#perspective-property" rel="help">
|
||||
<link href="reference/green-square-100-by-100-offset-ref.htm" rel="match">
|
||||
<meta content="If any non-initial value of a property would cause the element to generate a containing block for fixed-position elements, specifying that property in will-change must cause the element to generate a containing block for fixed-position elements." name="assert">
|
||||
<style>
|
||||
html, body { margin: 0; padding: 0; }
|
||||
div { width: 100px; height: 100px }
|
||||
#wc { will-change: perspective; margin: 100px 0 0 100px; background: red }
|
||||
.child { top: 0; left: 0; width: 50px; background: green }
|
||||
#fixpos { position: fixed }
|
||||
#abspos { position: absolute; left: 50px }
|
||||
</style>
|
||||
</head><body>
|
||||
<div id="wc">
|
||||
<div id="fixpos" class="child">
|
||||
</div>
|
||||
<div id="abspos" class="child">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS will-change: 'will-change: position' does not create a containing block for fixed positioned elements but does create a containing block for absolutely positioned elements</title>
|
||||
<link href="https://dbaron.org/" rel="author" title="L. David Baron">
|
||||
<link href="http://www.mozilla.org/" rel="author" title="Mozilla">
|
||||
<link href="https://drafts.csswg.org/css-will-change-1/#will-change" rel="help">
|
||||
<link href="reference/green-square-100-by-100-offset-ref.htm" rel="match">
|
||||
<meta content="If any non-initial value of a property would cause the element to generate a containing block for fixed-position elements, specifying that property in will-change must cause the element to generate a containing block for fixed-position elements." name="assert">
|
||||
<style>
|
||||
html, body { margin: 0; padding: 0; }
|
||||
div { width: 100px; height: 100px }
|
||||
#wc { will-change: position; margin: 100px 0 0 100px; background: red }
|
||||
.child { width: 50px; background: green }
|
||||
#fixpos { position: fixed; top: 100px; left: 100px }
|
||||
#abspos { position: absolute; top: 0; left: 50px }
|
||||
</style>
|
||||
</head><body>
|
||||
<div id="wc">
|
||||
<div id="fixpos" class="child">
|
||||
</div>
|
||||
<div id="abspos" class="child">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS will-change: 'will-change: transform' creates a containing block for fixed positioned elements</title>
|
||||
<link href="https://dbaron.org/" rel="author" title="L. David Baron">
|
||||
<link href="http://www.mozilla.org/" rel="author" title="Mozilla">
|
||||
<link href="https://drafts.csswg.org/css-will-change-1/#will-change" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-transforms/#transform-property" rel="help">
|
||||
<link href="reference/green-square-100-by-100-offset-ref.htm" rel="match">
|
||||
<meta content="If any non-initial value of a property would cause the element to generate a containing block for fixed-position elements, specifying that property in will-change must cause the element to generate a containing block for fixed-position elements." name="assert">
|
||||
<style>
|
||||
html, body { margin: 0; padding: 0; }
|
||||
div { width: 100px; height: 100px }
|
||||
#wc { will-change: transform; margin: 100px 0 0 100px; background: red }
|
||||
.child { top: 0; left: 0; width: 50px; background: green }
|
||||
#fixpos { position: fixed }
|
||||
#abspos { position: absolute; left: 50px }
|
||||
</style>
|
||||
</head><body>
|
||||
<div id="wc">
|
||||
<div id="fixpos" class="child">
|
||||
</div>
|
||||
<div id="abspos" class="child">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS will-change: 'will-change: transform-style' creates a containing block for fixed positioned elements</title>
|
||||
<link href="https://dbaron.org/" rel="author" title="L. David Baron">
|
||||
<link href="http://www.mozilla.org/" rel="author" title="Mozilla">
|
||||
<link href="https://drafts.csswg.org/css-will-change-1/#will-change" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-transforms/#transform-style-property" rel="help">
|
||||
<link href="reference/green-square-100-by-100-offset-ref.htm" rel="match">
|
||||
<meta content="If any non-initial value of a property would cause the element to generate a containing block for fixed-position elements, specifying that property in will-change must cause the element to generate a containing block for fixed-position elements." name="assert">
|
||||
<style>
|
||||
html, body { margin: 0; padding: 0; }
|
||||
div { width: 100px; height: 100px }
|
||||
#wc { will-change: transform-style; margin: 100px 0 0 100px; background: red }
|
||||
.child { top: 0; left: 0; width: 50px; background: green }
|
||||
#fixpos { position: fixed }
|
||||
#abspos { position: absolute; left: 50px }
|
||||
</style>
|
||||
</head><body>
|
||||
<div id="wc">
|
||||
<div id="fixpos" class="child">
|
||||
</div>
|
||||
<div id="abspos" class="child">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS will-change: 'will-change: clip-path' creates a stacking context</title>
|
||||
<link href="https://dbaron.org/" rel="author" title="L. David Baron">
|
||||
<link href="http://www.mozilla.org/" rel="author" title="Mozilla">
|
||||
<link href="https://drafts.csswg.org/css-will-change-1/#will-change" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-masking/#the-clip-path" rel="help">
|
||||
<link href="reference/green-square-100-by-100-ref.htm" rel="match">
|
||||
<meta content="If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element." name="assert">
|
||||
<style>
|
||||
html, body { margin: 0; padding: 0; }
|
||||
div { width: 100px; height: 100px }
|
||||
#wc { will-change: clip-path; background: red }
|
||||
#child { position: absolute; top: 0; left: 0; z-index: -1; background: green }
|
||||
</style>
|
||||
</head><body>
|
||||
<div id="wc">
|
||||
<div id="child">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS will-change: 'will-change: filter' creates a stacking context</title>
|
||||
<link href="https://dbaron.org/" rel="author" title="L. David Baron">
|
||||
<link href="http://www.mozilla.org/" rel="author" title="Mozilla">
|
||||
<link href="https://drafts.csswg.org/css-will-change-1/#will-change" rel="help">
|
||||
<link href="http://www.w3.org/TR/filter-effects/#FilterProperty" rel="help">
|
||||
<link href="reference/green-square-100-by-100-ref.htm" rel="match">
|
||||
<meta content="If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element." name="assert">
|
||||
<style>
|
||||
html, body { margin: 0; padding: 0; }
|
||||
div { width: 100px; height: 100px }
|
||||
#wc { will-change: filter; background: red }
|
||||
#child { position: absolute; top: 0; left: 0; z-index: -1; background: green }
|
||||
</style>
|
||||
</head><body>
|
||||
<div id="wc">
|
||||
<div id="child">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS will-change: 'will-change: height' does not create a stacking context</title>
|
||||
<link href="https://dbaron.org/" rel="author" title="L. David Baron">
|
||||
<link href="http://www.mozilla.org/" rel="author" title="Mozilla">
|
||||
<link href="https://drafts.csswg.org/css-will-change-1/#will-change" rel="help">
|
||||
<link href="reference/green-square-100-by-100-ref.htm" rel="match">
|
||||
<meta content="If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element." name="assert">
|
||||
<style>
|
||||
html, body { margin: 0; padding: 0; }
|
||||
div { width: 100px; height: 100px }
|
||||
#wc { will-change: height; background: green }
|
||||
#child { position: absolute; top: 0; left: 0; z-index: -1; background: red }
|
||||
</style>
|
||||
</head><body>
|
||||
<div id="wc">
|
||||
<div id="child">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS will-change: 'will-change: isolation' creates a stacking context</title>
|
||||
<link href="https://dbaron.org/" rel="author" title="L. David Baron">
|
||||
<link href="http://www.mozilla.org/" rel="author" title="Mozilla">
|
||||
<link href="https://drafts.csswg.org/css-will-change-1/#will-change" rel="help">
|
||||
<link href="http://www.w3.org/TR/compositing-1/#isolation" rel="help">
|
||||
<link href="reference/green-square-100-by-100-ref.htm" rel="match">
|
||||
<meta content="If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element." name="assert">
|
||||
<style>
|
||||
html, body { margin: 0; padding: 0; }
|
||||
div { width: 100px; height: 100px }
|
||||
#wc { will-change: isolation; background: red }
|
||||
#child { position: absolute; top: 0; left: 0; z-index: -1; background: green }
|
||||
</style>
|
||||
</head><body>
|
||||
<div id="wc">
|
||||
<div id="child">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS will-change: 'will-change: mask' creates a stacking context</title>
|
||||
<link href="https://dbaron.org/" rel="author" title="L. David Baron">
|
||||
<link href="http://www.mozilla.org/" rel="author" title="Mozilla">
|
||||
<link href="https://drafts.csswg.org/css-will-change-1/#will-change" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-masking/#the-mask-image" rel="help">
|
||||
<link href="reference/green-square-100-by-100-ref.htm" rel="match">
|
||||
<meta content="If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element." name="assert">
|
||||
<style>
|
||||
html, body { margin: 0; padding: 0; }
|
||||
div { width: 100px; height: 100px }
|
||||
#wc { will-change: mask; background: red }
|
||||
#child { position: absolute; top: 0; left: 0; z-index: -1; background: green }
|
||||
</style>
|
||||
</head><body>
|
||||
<div id="wc">
|
||||
<div id="child">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS will-change: 'will-change: mix-blend-mode' creates a stacking context</title>
|
||||
<link href="https://dbaron.org/" rel="author" title="L. David Baron">
|
||||
<link href="http://www.mozilla.org/" rel="author" title="Mozilla">
|
||||
<link href="https://drafts.csswg.org/css-will-change-1/#will-change" rel="help">
|
||||
<link href="http://www.w3.org/TR/compositing-1/#mix-blend-mode" rel="help">
|
||||
<link href="reference/green-square-100-by-100-ref.htm" rel="match">
|
||||
<meta content="If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element." name="assert">
|
||||
<style>
|
||||
html, body { margin: 0; padding: 0; }
|
||||
div { width: 100px; height: 100px }
|
||||
#wc { will-change: mix-blend-mode; background: red }
|
||||
#child { position: absolute; top: 0; left: 0; z-index: -1; background: green }
|
||||
</style>
|
||||
</head><body>
|
||||
<div id="wc">
|
||||
<div id="child">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS will-change: 'will-change: opacity' creates a stacking context</title>
|
||||
<link href="https://dbaron.org/" rel="author" title="L. David Baron">
|
||||
<link href="http://www.mozilla.org/" rel="author" title="Mozilla">
|
||||
<link href="https://drafts.csswg.org/css-will-change-1/#will-change" rel="help">
|
||||
<link href="https://drafts.csswg.org/css-color-3/#transparency" rel="help">
|
||||
<link href="reference/green-square-100-by-100-ref.htm" rel="match">
|
||||
<meta content="If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element." name="assert">
|
||||
<style>
|
||||
html, body { margin: 0; padding: 0; }
|
||||
div { width: 100px; height: 100px }
|
||||
#wc { will-change: opacity; background: red }
|
||||
#child { position: absolute; top: 0; left: 0; z-index: -1; background: green }
|
||||
</style>
|
||||
</head><body>
|
||||
<div id="wc">
|
||||
<div id="child">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS will-change: 'will-change: perspective' creates a stacking context</title>
|
||||
<link href="https://dbaron.org/" rel="author" title="L. David Baron">
|
||||
<link href="http://www.mozilla.org/" rel="author" title="Mozilla">
|
||||
<link href="https://drafts.csswg.org/css-will-change-1/#will-change" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-transforms/#perspective-property" rel="help">
|
||||
<link href="reference/green-square-100-by-100-ref.htm" rel="match">
|
||||
<meta content="If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element." name="assert">
|
||||
<style>
|
||||
html, body { margin: 0; padding: 0; }
|
||||
div { width: 100px; height: 100px }
|
||||
#wc { will-change: perspective; background: red }
|
||||
#child { position: absolute; top: 0; left: 0; z-index: -1; background: green }
|
||||
</style>
|
||||
</head><body>
|
||||
<div id="wc">
|
||||
<div id="child">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS will-change: 'will-change: position' creates a stacking context</title>
|
||||
<link href="https://dbaron.org/" rel="author" title="L. David Baron">
|
||||
<link href="http://www.mozilla.org/" rel="author" title="Mozilla">
|
||||
<link href="https://drafts.csswg.org/css-will-change-1/#will-change" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-positioning/#sticky-pos" rel="help">
|
||||
<link href="reference/green-square-100-by-100-ref.htm" rel="match">
|
||||
<meta content="If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element." name="assert">
|
||||
<style>
|
||||
html, body { margin: 0; padding: 0; }
|
||||
div { width: 100px; height: 100px }
|
||||
#wc { will-change: position; background: red }
|
||||
#child { position: absolute; top: 0; left: 0; z-index: -1; background: green }
|
||||
</style>
|
||||
</head><body>
|
||||
<div id="wc">
|
||||
<div id="child">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS will-change: 'will-change: transform' creates a stacking context</title>
|
||||
<link href="https://dbaron.org/" rel="author" title="L. David Baron">
|
||||
<link href="http://www.mozilla.org/" rel="author" title="Mozilla">
|
||||
<link href="https://drafts.csswg.org/css-will-change-1/#will-change" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-transforms/#transform-property" rel="help">
|
||||
<link href="reference/green-square-100-by-100-ref.htm" rel="match">
|
||||
<meta content="If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element." name="assert">
|
||||
<style>
|
||||
html, body { margin: 0; padding: 0; }
|
||||
div { width: 100px; height: 100px }
|
||||
#wc { will-change: transform; background: red }
|
||||
#child { position: absolute; top: 0; left: 0; z-index: -1; background: green }
|
||||
</style>
|
||||
</head><body>
|
||||
<div id="wc">
|
||||
<div id="child">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS will-change: 'will-change: transform-style' creates a stacking context</title>
|
||||
<link href="https://dbaron.org/" rel="author" title="L. David Baron">
|
||||
<link href="http://www.mozilla.org/" rel="author" title="Mozilla">
|
||||
<link href="https://drafts.csswg.org/css-will-change-1/#will-change" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-transforms/#transform-style-property" rel="help">
|
||||
<link href="reference/green-square-100-by-100-ref.htm" rel="match">
|
||||
<meta content="If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element." name="assert">
|
||||
<style>
|
||||
html, body { margin: 0; padding: 0; }
|
||||
div { width: 100px; height: 100px }
|
||||
#wc { will-change: transform-style; background: red }
|
||||
#child { position: absolute; top: 0; left: 0; z-index: -1; background: green }
|
||||
</style>
|
||||
</head><body>
|
||||
<div id="wc">
|
||||
<div id="child">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS will-change: 'will-change: z-index' creates a stacking context</title>
|
||||
<link href="https://dbaron.org/" rel="author" title="L. David Baron">
|
||||
<link href="http://www.mozilla.org/" rel="author" title="Mozilla">
|
||||
<link href="https://drafts.csswg.org/css-will-change-1/#will-change" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-positioning/#layered-presentation" rel="help">
|
||||
<link href="reference/green-square-100-by-100-ref.htm" rel="match">
|
||||
<meta content="If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element." name="assert">
|
||||
<style>
|
||||
html, body { margin: 0; padding: 0; }
|
||||
div { width: 100px; height: 100px }
|
||||
#wc { will-change: z-index; background: red }
|
||||
#child { position: absolute; top: 0; left: 0; z-index: -1; background: green }
|
||||
</style>
|
||||
</head><body>
|
||||
<div id="wc">
|
||||
<div id="child">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,43 @@
|
|||
# UA version OS version
|
||||
# UA string (if applicable)
|
||||
# http://test.csswg.org/suites/css-will-change-1_dev/DATESTAMP/
|
||||
# See http://wiki.csswg.org/test/implementation-report for instructions
|
||||
testname revision result comment
|
||||
html/will-change-fixpos-cb-contain-1.htm c7ac722d4fb59987c03c74ee9d2080fb2c4cccff ?
|
||||
xhtml1/will-change-fixpos-cb-contain-1.xht c7ac722d4fb59987c03c74ee9d2080fb2c4cccff ?
|
||||
html/will-change-fixpos-cb-filter-1.htm e55fae4cd414d6aa046805e39fab6a8e84fe6e45 ?
|
||||
xhtml1/will-change-fixpos-cb-filter-1.xht e55fae4cd414d6aa046805e39fab6a8e84fe6e45 ?
|
||||
html/will-change-fixpos-cb-height-1.htm c1cc5fe265b7d2cda46c42038da23e5639c08e94 ?
|
||||
xhtml1/will-change-fixpos-cb-height-1.xht c1cc5fe265b7d2cda46c42038da23e5639c08e94 ?
|
||||
html/will-change-fixpos-cb-perspective-1.htm ad8b7aec53a86f341d148deb87239d4d116ea84f ?
|
||||
xhtml1/will-change-fixpos-cb-perspective-1.xht ad8b7aec53a86f341d148deb87239d4d116ea84f ?
|
||||
html/will-change-fixpos-cb-position-1.htm 9b8bd4ccda60a1f529b57c98d8e808fa3725abad ?
|
||||
xhtml1/will-change-fixpos-cb-position-1.xht 9b8bd4ccda60a1f529b57c98d8e808fa3725abad ?
|
||||
html/will-change-fixpos-cb-transform-1.htm 9c115dd1b70c308474defa931a3472fc621425c8 ?
|
||||
xhtml1/will-change-fixpos-cb-transform-1.xht 9c115dd1b70c308474defa931a3472fc621425c8 ?
|
||||
html/will-change-fixpos-cb-transform-style-1.htm f4eac9f603852f8c9db12f4a0188cff1d7a6ff06 ?
|
||||
xhtml1/will-change-fixpos-cb-transform-style-1.xht f4eac9f603852f8c9db12f4a0188cff1d7a6ff06 ?
|
||||
html/will-change-stacking-context-clip-path-1.htm 9f14ac4b2bff99b46f038549ff031e9de87507bf ?
|
||||
xhtml1/will-change-stacking-context-clip-path-1.xht 9f14ac4b2bff99b46f038549ff031e9de87507bf ?
|
||||
html/will-change-stacking-context-filter-1.htm 3318afb957772bcf2e4f05b664b8fb7ba9f66df2 ?
|
||||
xhtml1/will-change-stacking-context-filter-1.xht 3318afb957772bcf2e4f05b664b8fb7ba9f66df2 ?
|
||||
html/will-change-stacking-context-height-1.htm 22918174fe6af9336049d8807955735a957053df ?
|
||||
xhtml1/will-change-stacking-context-height-1.xht 22918174fe6af9336049d8807955735a957053df ?
|
||||
html/will-change-stacking-context-isolation-1.htm dd9a5cad98629af797235fec840257b856371ee0 ?
|
||||
xhtml1/will-change-stacking-context-isolation-1.xht dd9a5cad98629af797235fec840257b856371ee0 ?
|
||||
html/will-change-stacking-context-mask-1.htm 434dd7706db5cc16b8b9fcf0c02c9a0e1bb7dd49 ?
|
||||
xhtml1/will-change-stacking-context-mask-1.xht 434dd7706db5cc16b8b9fcf0c02c9a0e1bb7dd49 ?
|
||||
html/will-change-stacking-context-mix-blend-mode-1.htm 34826b02ec77b204c899a70a5b9bb124aa7f97da ?
|
||||
xhtml1/will-change-stacking-context-mix-blend-mode-1.xht 34826b02ec77b204c899a70a5b9bb124aa7f97da ?
|
||||
html/will-change-stacking-context-opacity-1.htm 70aca31739c2d3315c2b793ff9385bdb0cb87908 ?
|
||||
xhtml1/will-change-stacking-context-opacity-1.xht 70aca31739c2d3315c2b793ff9385bdb0cb87908 ?
|
||||
html/will-change-stacking-context-perspective-1.htm 01fbbb770f3b8f4d21aba6dffed7948310750b2a ?
|
||||
xhtml1/will-change-stacking-context-perspective-1.xht 01fbbb770f3b8f4d21aba6dffed7948310750b2a ?
|
||||
html/will-change-stacking-context-position-1.htm cbff61cbe5ad4a7bde4c3bbd81be179996eb26a3 ?
|
||||
xhtml1/will-change-stacking-context-position-1.xht cbff61cbe5ad4a7bde4c3bbd81be179996eb26a3 ?
|
||||
html/will-change-stacking-context-transform-1.htm 4dafd35495cd77336454c12d5516fc08cda8d7ae ?
|
||||
xhtml1/will-change-stacking-context-transform-1.xht 4dafd35495cd77336454c12d5516fc08cda8d7ae ?
|
||||
html/will-change-stacking-context-transform-style-1.htm 38c0eb2af9dbc3c624826abe83b5964ee90b2aad ?
|
||||
xhtml1/will-change-stacking-context-transform-style-1.xht 38c0eb2af9dbc3c624826abe83b5964ee90b2aad ?
|
||||
html/will-change-stacking-context-z-index-1.htm 66b36d3e81bac3199f38864c37d8566bd4b7f611 ?
|
||||
xhtml1/will-change-stacking-context-z-index-1.xht 66b36d3e81bac3199f38864c37d8566bd4b7f611 ?
|
||||
132
tests/wpt/css-tests/css-will-change-1_dev/index.htm
Normal file
132
tests/wpt/css-tests/css-will-change-1_dev/index.htm
Normal file
|
|
@ -0,0 +1,132 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>CSS Will Change Module Level 1 CR Test Suite</title>
|
||||
<style type="text/css">
|
||||
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
||||
@import "indices.css";
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<h1>CSS Will Change Module Level 1 CR Test Suite</h1>
|
||||
<dt>Test Coordinator:</dt>
|
||||
<dd>None Yet</dd>
|
||||
|
||||
<p>This is a <strong>Development</strong>
|
||||
version of the CSS Will Change Module Level 1 CR Test Suite.</p>
|
||||
|
||||
<p>You can provide test data or review the testing results for this test suite:</p>
|
||||
<dt><a href="http://test.csswg.org/harness/suite/css-will-change-1_dev">Enter Data</a></dt>
|
||||
<dt><a href="http://test.csswg.org/harness/review/css-will-change-1_dev">Review Results</a></dt>
|
||||
|
||||
|
||||
<p>Some tests in the test suite may contain errors.
|
||||
Please check the latest version of the
|
||||
<a href="https://www.w3.org/TR/css-will-change-1/">CSS Will Change 1 specification</a>
|
||||
<strong>and its errata</strong>
|
||||
before assuming a failure is due to an implementation bug and
|
||||
not a test suite bug.</p>
|
||||
|
||||
|
||||
<p>
|
||||
In time we hope to correct all errors and extend this test suite to
|
||||
cover all of CSS Will Change 1. Your help is welcome in this effort.
|
||||
The appropriate mailing list for submitting tests and bug reports is
|
||||
<a href="http://lists.w3.org/Archives/Public/public-css-testsuite/">public-css-testsuite@w3.org</a>.
|
||||
More information on the contribution process and test guidelines is
|
||||
available on the <a href="http://wiki.csswg.org/test">wiki
|
||||
page</a>.</p>
|
||||
|
||||
<p>Tests are currently available in these formats:</p>
|
||||
|
||||
<dl>
|
||||
<dt><a href="html/toc.htm">HTML 5</a></dt>
|
||||
<dd>HTML 5 tests sent as <code>text/html</code></dd>
|
||||
<dt><a href="xhtml1/toc.xht">XHTML 1.1</a></dt>
|
||||
<dd>XHTML 1.1 tests sent as <code>application/xhtml+xml</code></dd>
|
||||
|
||||
|
||||
<p>Unless the test instructions explicitly indicate otherwise,
|
||||
any occurrence of red in a test indicates test failure.</p>
|
||||
|
||||
<h2 id="implement">Implementation Reports</h2>
|
||||
<p>An <a href="implementation-report-TEMPLATE.data">implementation report template</a>
|
||||
is available to help with creating implementation reports. See also the
|
||||
<a href="http://lists.w3.org/Archives/Public/public-css-testsuite/2010Aug/0020.html">explanation</a>
|
||||
of its format.</p>
|
||||
|
||||
<h2 id="common">Common Assumptions</h2>
|
||||
|
||||
<p>Most of the test suite makes the following assumptions:</p>
|
||||
<ul>
|
||||
<li>The X/HTML <code>div</code> element is assigned <code>display: block;</code>
|
||||
and no other property declaration.</li>
|
||||
<li>The X/HTML <code>span</code> element is assigned <code>display: inline;</code>
|
||||
and no other property declaration.</li>
|
||||
<li>The X/HTML <code>p</code> element is assigned <code>display: block;</code></li>
|
||||
<li>The X/HTML <code>li</code> element is assigned <code>display: list-item;</code></li>
|
||||
<li>The X/HTML table elements <code>table</code>, <code>tbody</code>,
|
||||
<code>tr</code>, and <code>td</code> are assigned the <code>display</code>
|
||||
values <code>table</code>, <code>table-row-group</code>,
|
||||
<code>table-row</code>, and <code>table-cell</code>, respectively.</li>
|
||||
<li>The device can display the sixteen color values associated with the color
|
||||
keywords <code>black</code>, <code>white</code>, <code>gray</code>,
|
||||
<code>silver</code>, <code>red</code>, <code>green</code>, <code>blue</code>,
|
||||
<code>purple</code>, <code>yellow</code>, <code>orange</code>, <code>teal</code>,
|
||||
<code>fuchsia</code>, <code>maroon</code>, <code>navy</code>, <code>aqua</code>,
|
||||
and <code>lime</code> as distinct colors.</li>
|
||||
<li>The UA is set to print background colors and, if it supports graphics,
|
||||
background images.</li>
|
||||
<li>The UA implements reasonable page-breaking behavior; e.g., it is assumed
|
||||
that UAs will not break at every opportunity, but only near the end of
|
||||
a page unless a page break is forced.</li>
|
||||
<li>The UA implements reasonable line-breaking behavior; e.g., it is assumed
|
||||
that spaces between alphanumeric characters provide line breaking
|
||||
opportunities and that UAs will not break at every opportunity, but only
|
||||
near the end of a line unless a line break is forced.</li>
|
||||
</ul>
|
||||
|
||||
<h2 id="uncommon">Uncommon Assumptions</h2>
|
||||
|
||||
<p>In addition, some of the tests make one or more of the following
|
||||
assumptions:</p>
|
||||
|
||||
<ul>
|
||||
<li>The device is a full-color device.</li>
|
||||
<li>The device has a viewport width of at least 640px (approx).</li>
|
||||
<li>The resolution of the device is 96 CSS pixels per inch.</li>
|
||||
<li>The UA imposes no minimum font size.</li>
|
||||
<li>The 'medium' font-size computes to 16px.</li>
|
||||
<li>The initial value of 'color' is black.</li>
|
||||
<li>The canvas background is white.</li>
|
||||
<li>The user stylesheet is empty (except where indicated by the tests).</li>
|
||||
<li>The device is interactive and uses scroll bars.</li>
|
||||
</ul>
|
||||
|
||||
<p>The tests that need these assumptions to be true have not yet been
|
||||
marked, but it is likely that we will add a way to identify these
|
||||
tests in due course. Tests should avoid relying on these assumptions
|
||||
unless necessary.</p>
|
||||
|
||||
<h2>License</h2>
|
||||
|
||||
<p>This test suite is licensed under both the
|
||||
<a href="http://www.w3.org/Consortium/Legal/2008/04-testsuite-license">W3C
|
||||
Test Suite License</a> and the <a href="http://www.w3.org/Consortium/Legal/2008/03-bsd-license">W3C
|
||||
3-clause BSD License</a>. See W3C Legal's <a href="http://www.w3.org/Consortium/Legal/2008/04-testsuite-copyright">explanation
|
||||
of the licenses</a>.</p>
|
||||
|
||||
<h2>Acknowledgements</h2>
|
||||
|
||||
<p>Many thanks to the following for their contributions:</p>
|
||||
<ul>
|
||||
<li>L. David Baron</li>
|
||||
<li>Mozilla</li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
132
tests/wpt/css-tests/css-will-change-1_dev/index.xht
Normal file
132
tests/wpt/css-tests/css-will-change-1_dev/index.xht
Normal file
|
|
@ -0,0 +1,132 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
|
||||
<head>
|
||||
<title>CSS Will Change Module Level 1 CR Test Suite</title>
|
||||
<style type="text/css">
|
||||
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
||||
@import "indices.css";
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<h1>CSS Will Change Module Level 1 CR Test Suite</h1>
|
||||
<dt>Test Coordinator:</dt>
|
||||
<dd>None Yet</dd>
|
||||
|
||||
<p>This is a <strong>Development</strong>
|
||||
version of the CSS Will Change Module Level 1 CR Test Suite.</p>
|
||||
|
||||
<p>You can provide test data or review the testing results for this test suite:</p>
|
||||
<dt><a href="http://test.csswg.org/harness/suite/css-will-change-1_dev">Enter Data</a></dt>
|
||||
<dt><a href="http://test.csswg.org/harness/review/css-will-change-1_dev">Review Results</a></dt>
|
||||
|
||||
|
||||
<p>Some tests in the test suite may contain errors.
|
||||
Please check the latest version of the
|
||||
<a href="https://www.w3.org/TR/css-will-change-1/">CSS Will Change 1 specification</a>
|
||||
<strong>and its errata</strong>
|
||||
before assuming a failure is due to an implementation bug and
|
||||
not a test suite bug.</p>
|
||||
|
||||
|
||||
<p>
|
||||
In time we hope to correct all errors and extend this test suite to
|
||||
cover all of CSS Will Change 1. Your help is welcome in this effort.
|
||||
The appropriate mailing list for submitting tests and bug reports is
|
||||
<a href="http://lists.w3.org/Archives/Public/public-css-testsuite/">public-css-testsuite@w3.org</a>.
|
||||
More information on the contribution process and test guidelines is
|
||||
available on the <a href="http://wiki.csswg.org/test">wiki
|
||||
page</a>.</p>
|
||||
|
||||
<p>Tests are currently available in these formats:</p>
|
||||
|
||||
<dl>
|
||||
<dt><a href="html/toc.htm">HTML 5</a></dt>
|
||||
<dd>HTML 5 tests sent as <code>text/html</code></dd>
|
||||
<dt><a href="xhtml1/toc.xht">XHTML 1.1</a></dt>
|
||||
<dd>XHTML 1.1 tests sent as <code>application/xhtml+xml</code></dd>
|
||||
|
||||
|
||||
<p>Unless the test instructions explicitly indicate otherwise,
|
||||
any occurrence of red in a test indicates test failure.</p>
|
||||
|
||||
<h2 id="implement">Implementation Reports</h2>
|
||||
<p>An <a href="implementation-report-TEMPLATE.data">implementation report template</a>
|
||||
is available to help with creating implementation reports. See also the
|
||||
<a href="http://lists.w3.org/Archives/Public/public-css-testsuite/2010Aug/0020.html">explanation</a>
|
||||
of its format.</p>
|
||||
|
||||
<h2 id="common">Common Assumptions</h2>
|
||||
|
||||
<p>Most of the test suite makes the following assumptions:</p>
|
||||
<ul>
|
||||
<li>The X/HTML <code>div</code> element is assigned <code>display: block;</code>
|
||||
and no other property declaration.</li>
|
||||
<li>The X/HTML <code>span</code> element is assigned <code>display: inline;</code>
|
||||
and no other property declaration.</li>
|
||||
<li>The X/HTML <code>p</code> element is assigned <code>display: block;</code></li>
|
||||
<li>The X/HTML <code>li</code> element is assigned <code>display: list-item;</code></li>
|
||||
<li>The X/HTML table elements <code>table</code>, <code>tbody</code>,
|
||||
<code>tr</code>, and <code>td</code> are assigned the <code>display</code>
|
||||
values <code>table</code>, <code>table-row-group</code>,
|
||||
<code>table-row</code>, and <code>table-cell</code>, respectively.</li>
|
||||
<li>The device can display the sixteen color values associated with the color
|
||||
keywords <code>black</code>, <code>white</code>, <code>gray</code>,
|
||||
<code>silver</code>, <code>red</code>, <code>green</code>, <code>blue</code>,
|
||||
<code>purple</code>, <code>yellow</code>, <code>orange</code>, <code>teal</code>,
|
||||
<code>fuchsia</code>, <code>maroon</code>, <code>navy</code>, <code>aqua</code>,
|
||||
and <code>lime</code> as distinct colors.</li>
|
||||
<li>The UA is set to print background colors and, if it supports graphics,
|
||||
background images.</li>
|
||||
<li>The UA implements reasonable page-breaking behavior; e.g., it is assumed
|
||||
that UAs will not break at every opportunity, but only near the end of
|
||||
a page unless a page break is forced.</li>
|
||||
<li>The UA implements reasonable line-breaking behavior; e.g., it is assumed
|
||||
that spaces between alphanumeric characters provide line breaking
|
||||
opportunities and that UAs will not break at every opportunity, but only
|
||||
near the end of a line unless a line break is forced.</li>
|
||||
</ul>
|
||||
|
||||
<h2 id="uncommon">Uncommon Assumptions</h2>
|
||||
|
||||
<p>In addition, some of the tests make one or more of the following
|
||||
assumptions:</p>
|
||||
|
||||
<ul>
|
||||
<li>The device is a full-color device.</li>
|
||||
<li>The device has a viewport width of at least 640px (approx).</li>
|
||||
<li>The resolution of the device is 96 CSS pixels per inch.</li>
|
||||
<li>The UA imposes no minimum font size.</li>
|
||||
<li>The 'medium' font-size computes to 16px.</li>
|
||||
<li>The initial value of 'color' is black.</li>
|
||||
<li>The canvas background is white.</li>
|
||||
<li>The user stylesheet is empty (except where indicated by the tests).</li>
|
||||
<li>The device is interactive and uses scroll bars.</li>
|
||||
</ul>
|
||||
|
||||
<p>The tests that need these assumptions to be true have not yet been
|
||||
marked, but it is likely that we will add a way to identify these
|
||||
tests in due course. Tests should avoid relying on these assumptions
|
||||
unless necessary.</p>
|
||||
|
||||
<h2>License</h2>
|
||||
|
||||
<p>This test suite is licensed under both the
|
||||
<a href="http://www.w3.org/Consortium/Legal/2008/04-testsuite-license">W3C
|
||||
Test Suite License</a> and the <a href="http://www.w3.org/Consortium/Legal/2008/03-bsd-license">W3C
|
||||
3-clause BSD License</a>. See W3C Legal's <a href="http://www.w3.org/Consortium/Legal/2008/04-testsuite-copyright">explanation
|
||||
of the licenses</a>.</p>
|
||||
|
||||
<h2>Acknowledgements</h2>
|
||||
|
||||
<p>Many thanks to the following for their contributions:</p>
|
||||
<ul>
|
||||
<li>L. David Baron</li>
|
||||
<li>Mozilla</li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
96
tests/wpt/css-tests/css-will-change-1_dev/indices.css
Normal file
96
tests/wpt/css-tests/css-will-change-1_dev/indices.css
Normal file
|
|
@ -0,0 +1,96 @@
|
|||
/* CSS for CSS Conformance Test Indices */
|
||||
/* Written by fantasai */
|
||||
|
||||
/* Test Tables */
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
thead {
|
||||
border-bottom: 0.2em solid;
|
||||
}
|
||||
|
||||
tbody {
|
||||
border: thin solid;
|
||||
border-style: solid none;
|
||||
}
|
||||
|
||||
tbody.ch {
|
||||
border-top: 0.2em solid;
|
||||
}
|
||||
tbody.ch th {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
tbody th {
|
||||
border-bottom: silver dotted thin;
|
||||
background: #EEE;
|
||||
color: black;
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
}
|
||||
tbody th :link {
|
||||
color: gray;
|
||||
background: transparent;
|
||||
}
|
||||
tbody th :visited {
|
||||
color: #333;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
th, td {
|
||||
padding: 0.2em;
|
||||
text-align: left;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
td {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
/* flags */
|
||||
td abbr {
|
||||
border: solid thin gray;
|
||||
padding: 0 0.1em;
|
||||
cursor: help;
|
||||
}
|
||||
td abbr:hover {
|
||||
background: #ffa;
|
||||
color: black;
|
||||
}
|
||||
|
||||
|
||||
tr:hover {
|
||||
background: #F9F9F9;
|
||||
color: navy;
|
||||
}
|
||||
|
||||
th a,
|
||||
td a {
|
||||
text-decoration: none;
|
||||
}
|
||||
th a:hover,
|
||||
td a:hover,
|
||||
th a:focus,
|
||||
td a:focus {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
td a {
|
||||
display: block;
|
||||
padding-left: 2em;
|
||||
text-indent: -1em;
|
||||
}
|
||||
.refs {
|
||||
font-weight: bold;
|
||||
font-size: larger;
|
||||
}
|
||||
.assert, .assert > li {
|
||||
list-style-type: none;
|
||||
font-style: italic;
|
||||
color: gray;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-indent: 0;
|
||||
}
|
||||
20
tests/wpt/css-tests/css-will-change-1_dev/testinfo.data
Normal file
20
tests/wpt/css-tests/css-will-change-1_dev/testinfo.data
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
id references title flags links revision credits assertion
|
||||
will-change-fixpos-cb-contain-1 reference/green-square-100-by-100-offset-ref CSS will-change: 'will-change: contain' creates a containing block for fixed positioned elements https://drafts.csswg.org/css-will-change-1/#will-change,https://drafts.csswg.org/css-containment/#containment-paint c7ac722d4fb59987c03c74ee9d2080fb2c4cccff `L. David Baron`<https://dbaron.org/>,`Mozilla`<http://www.mozilla.org/> If any non-initial value of a property would cause the element to generate a containing block for fixed-position elements, specifying that property in will-change must cause the element to generate a containing block for fixed-position elements.
|
||||
will-change-fixpos-cb-filter-1 reference/green-square-100-by-100-offset-ref CSS will-change: 'will-change: filter' creates a containing block for fixed positioned elements https://drafts.csswg.org/css-will-change-1/#will-change,http://www.w3.org/TR/filter-effects/#FilterProperty e55fae4cd414d6aa046805e39fab6a8e84fe6e45 `L. David Baron`<https://dbaron.org/>,`Mozilla`<http://www.mozilla.org/> If any non-initial value of a property would cause the element to generate a containing block for fixed-position elements, specifying that property in will-change must cause the element to generate a containing block for fixed-position elements.
|
||||
will-change-fixpos-cb-height-1 reference/green-square-100-by-100-offset-ref CSS will-change: 'will-change: height' does not create a containing block for fixed positioned elements https://drafts.csswg.org/css-will-change-1/#will-change c1cc5fe265b7d2cda46c42038da23e5639c08e94 `L. David Baron`<https://dbaron.org/>,`Mozilla`<http://www.mozilla.org/> If any non-initial value of a property would cause the element to generate a containing block for fixed-position elements, specifying that property in will-change must cause the element to generate a containing block for fixed-position elements.
|
||||
will-change-fixpos-cb-perspective-1 reference/green-square-100-by-100-offset-ref CSS will-change: 'will-change: perspective' creates a containing block for fixed positioned elements https://drafts.csswg.org/css-will-change-1/#will-change,http://www.w3.org/TR/css3-transforms/#perspective-property ad8b7aec53a86f341d148deb87239d4d116ea84f `L. David Baron`<https://dbaron.org/>,`Mozilla`<http://www.mozilla.org/> If any non-initial value of a property would cause the element to generate a containing block for fixed-position elements, specifying that property in will-change must cause the element to generate a containing block for fixed-position elements.
|
||||
will-change-fixpos-cb-position-1 reference/green-square-100-by-100-offset-ref CSS will-change: 'will-change: position' does not create a containing block for fixed positioned elements but does create a containing block for absolutely positioned elements https://drafts.csswg.org/css-will-change-1/#will-change 9b8bd4ccda60a1f529b57c98d8e808fa3725abad `L. David Baron`<https://dbaron.org/>,`Mozilla`<http://www.mozilla.org/> If any non-initial value of a property would cause the element to generate a containing block for fixed-position elements, specifying that property in will-change must cause the element to generate a containing block for fixed-position elements.
|
||||
will-change-fixpos-cb-transform-1 reference/green-square-100-by-100-offset-ref CSS will-change: 'will-change: transform' creates a containing block for fixed positioned elements https://drafts.csswg.org/css-will-change-1/#will-change,http://www.w3.org/TR/css3-transforms/#transform-property 9c115dd1b70c308474defa931a3472fc621425c8 `L. David Baron`<https://dbaron.org/>,`Mozilla`<http://www.mozilla.org/> If any non-initial value of a property would cause the element to generate a containing block for fixed-position elements, specifying that property in will-change must cause the element to generate a containing block for fixed-position elements.
|
||||
will-change-fixpos-cb-transform-style-1 reference/green-square-100-by-100-offset-ref CSS will-change: 'will-change: transform-style' creates a containing block for fixed positioned elements https://drafts.csswg.org/css-will-change-1/#will-change,http://www.w3.org/TR/css3-transforms/#transform-style-property f4eac9f603852f8c9db12f4a0188cff1d7a6ff06 `L. David Baron`<https://dbaron.org/>,`Mozilla`<http://www.mozilla.org/> If any non-initial value of a property would cause the element to generate a containing block for fixed-position elements, specifying that property in will-change must cause the element to generate a containing block for fixed-position elements.
|
||||
will-change-stacking-context-clip-path-1 reference/green-square-100-by-100-ref CSS will-change: 'will-change: clip-path' creates a stacking context https://drafts.csswg.org/css-will-change-1/#will-change,http://www.w3.org/TR/css-masking/#the-clip-path 9f14ac4b2bff99b46f038549ff031e9de87507bf `L. David Baron`<https://dbaron.org/>,`Mozilla`<http://www.mozilla.org/> If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.
|
||||
will-change-stacking-context-filter-1 reference/green-square-100-by-100-ref CSS will-change: 'will-change: filter' creates a stacking context https://drafts.csswg.org/css-will-change-1/#will-change,http://www.w3.org/TR/filter-effects/#FilterProperty 3318afb957772bcf2e4f05b664b8fb7ba9f66df2 `L. David Baron`<https://dbaron.org/>,`Mozilla`<http://www.mozilla.org/> If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.
|
||||
will-change-stacking-context-height-1 reference/green-square-100-by-100-ref CSS will-change: 'will-change: height' does not create a stacking context https://drafts.csswg.org/css-will-change-1/#will-change 22918174fe6af9336049d8807955735a957053df `L. David Baron`<https://dbaron.org/>,`Mozilla`<http://www.mozilla.org/> If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.
|
||||
will-change-stacking-context-isolation-1 reference/green-square-100-by-100-ref CSS will-change: 'will-change: isolation' creates a stacking context https://drafts.csswg.org/css-will-change-1/#will-change,http://www.w3.org/TR/compositing-1/#isolation dd9a5cad98629af797235fec840257b856371ee0 `L. David Baron`<https://dbaron.org/>,`Mozilla`<http://www.mozilla.org/> If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.
|
||||
will-change-stacking-context-mask-1 reference/green-square-100-by-100-ref CSS will-change: 'will-change: mask' creates a stacking context https://drafts.csswg.org/css-will-change-1/#will-change,http://www.w3.org/TR/css-masking/#the-mask-image 434dd7706db5cc16b8b9fcf0c02c9a0e1bb7dd49 `L. David Baron`<https://dbaron.org/>,`Mozilla`<http://www.mozilla.org/> If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.
|
||||
will-change-stacking-context-mix-blend-mode-1 reference/green-square-100-by-100-ref CSS will-change: 'will-change: mix-blend-mode' creates a stacking context https://drafts.csswg.org/css-will-change-1/#will-change,http://www.w3.org/TR/compositing-1/#mix-blend-mode 34826b02ec77b204c899a70a5b9bb124aa7f97da `L. David Baron`<https://dbaron.org/>,`Mozilla`<http://www.mozilla.org/> If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.
|
||||
will-change-stacking-context-opacity-1 reference/green-square-100-by-100-ref CSS will-change: 'will-change: opacity' creates a stacking context https://drafts.csswg.org/css-will-change-1/#will-change,https://drafts.csswg.org/css-color-3/#transparency 70aca31739c2d3315c2b793ff9385bdb0cb87908 `L. David Baron`<https://dbaron.org/>,`Mozilla`<http://www.mozilla.org/> If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.
|
||||
will-change-stacking-context-perspective-1 reference/green-square-100-by-100-ref CSS will-change: 'will-change: perspective' creates a stacking context https://drafts.csswg.org/css-will-change-1/#will-change,http://www.w3.org/TR/css3-transforms/#perspective-property 01fbbb770f3b8f4d21aba6dffed7948310750b2a `L. David Baron`<https://dbaron.org/>,`Mozilla`<http://www.mozilla.org/> If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.
|
||||
will-change-stacking-context-position-1 reference/green-square-100-by-100-ref CSS will-change: 'will-change: position' creates a stacking context https://drafts.csswg.org/css-will-change-1/#will-change,http://www.w3.org/TR/css3-positioning/#sticky-pos cbff61cbe5ad4a7bde4c3bbd81be179996eb26a3 `L. David Baron`<https://dbaron.org/>,`Mozilla`<http://www.mozilla.org/> If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.
|
||||
will-change-stacking-context-transform-1 reference/green-square-100-by-100-ref CSS will-change: 'will-change: transform' creates a stacking context https://drafts.csswg.org/css-will-change-1/#will-change,http://www.w3.org/TR/css3-transforms/#transform-property 4dafd35495cd77336454c12d5516fc08cda8d7ae `L. David Baron`<https://dbaron.org/>,`Mozilla`<http://www.mozilla.org/> If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.
|
||||
will-change-stacking-context-transform-style-1 reference/green-square-100-by-100-ref CSS will-change: 'will-change: transform-style' creates a stacking context https://drafts.csswg.org/css-will-change-1/#will-change,http://www.w3.org/TR/css3-transforms/#transform-style-property 38c0eb2af9dbc3c624826abe83b5964ee90b2aad `L. David Baron`<https://dbaron.org/>,`Mozilla`<http://www.mozilla.org/> If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.
|
||||
will-change-stacking-context-z-index-1 reference/green-square-100-by-100-ref CSS will-change: 'will-change: z-index' creates a stacking context https://drafts.csswg.org/css-will-change-1/#will-change,http://www.w3.org/TR/css3-positioning/#layered-presentation 66b36d3e81bac3199f38864c37d8566bd4b7f611 `L. David Baron`<https://dbaron.org/>,`Mozilla`<http://www.mozilla.org/> If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.
|
||||
|
|
@ -0,0 +1,60 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>Introduction - CSS Will Change Module Level 1 CR Test Suite</title>
|
||||
<style type="text/css">
|
||||
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
||||
@import "../indices.css";
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1>CSS Will Change Module Level 1 CR Test Suite</h1>
|
||||
<h2>Introduction (0 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
<col id="flags-column"></col>
|
||||
<col id="info-column"></col>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Test</th>
|
||||
<th><abbr title="Rendering References">Refs</abbr></th>
|
||||
<th>Flags</th>
|
||||
<th>Info</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="s1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1">+</a>
|
||||
<a href="https://www.w3.org/TR/css-will-change-1/#intro">1 Introduction</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.#example-1a504618">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1.1">+</a>
|
||||
<a href="https://www.w3.org/TR/css-will-change-1/#using">1.1 Using will-change Well</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.1.#css-sparingly">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.1.#dont-global">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.1.#dont-waste">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.1.#give-time">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
281
tests/wpt/css-tests/css-will-change-1_dev/xhtml1/chapter-2.xht
Normal file
281
tests/wpt/css-tests/css-will-change-1_dev/xhtml1/chapter-2.xht
Normal file
|
|
@ -0,0 +1,281 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>Hinting at Future Behavior: the will-change property - CSS Will Change Module Level 1 CR Test Suite</title>
|
||||
<style type="text/css">
|
||||
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
||||
@import "../indices.css";
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1>CSS Will Change Module Level 1 CR Test Suite</h1>
|
||||
<h2>Hinting at Future Behavior: the will-change property (19 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
<col id="flags-column"></col>
|
||||
<col id="info-column"></col>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Test</th>
|
||||
<th><abbr title="Rendering References">Refs</abbr></th>
|
||||
<th>Flags</th>
|
||||
<th>Info</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="s2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2">+</a>
|
||||
<a href="https://www.w3.org/TR/css-will-change-1/#will-change">2 Hinting at Future Behavior: the will-change property</a></th></tr>
|
||||
<!-- 19 tests -->
|
||||
<tr id="will-change-fixpos-cb-contain-1-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="will-change-fixpos-cb-contain-1.xht">will-change-fixpos-cb-contain-1</a></strong></td>
|
||||
<td><a href="reference/green-square-100-by-100-offset-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS will-change: 'will-change: contain' creates a containing block for fixed positioned elements
|
||||
<ul class="assert">
|
||||
<li>If any non-initial value of a property would cause the element to generate a containing block for fixed-position elements, specifying that property in will-change must cause the element to generate a containing block for fixed-position elements.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="will-change-fixpos-cb-filter-1-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="will-change-fixpos-cb-filter-1.xht">will-change-fixpos-cb-filter-1</a></strong></td>
|
||||
<td><a href="reference/green-square-100-by-100-offset-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS will-change: 'will-change: filter' creates a containing block for fixed positioned elements
|
||||
<ul class="assert">
|
||||
<li>If any non-initial value of a property would cause the element to generate a containing block for fixed-position elements, specifying that property in will-change must cause the element to generate a containing block for fixed-position elements.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="will-change-fixpos-cb-height-1-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="will-change-fixpos-cb-height-1.xht">will-change-fixpos-cb-height-1</a></strong></td>
|
||||
<td><a href="reference/green-square-100-by-100-offset-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS will-change: 'will-change: height' does not create a containing block for fixed positioned elements
|
||||
<ul class="assert">
|
||||
<li>If any non-initial value of a property would cause the element to generate a containing block for fixed-position elements, specifying that property in will-change must cause the element to generate a containing block for fixed-position elements.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="will-change-fixpos-cb-perspective-1-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="will-change-fixpos-cb-perspective-1.xht">will-change-fixpos-cb-perspective-1</a></strong></td>
|
||||
<td><a href="reference/green-square-100-by-100-offset-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS will-change: 'will-change: perspective' creates a containing block for fixed positioned elements
|
||||
<ul class="assert">
|
||||
<li>If any non-initial value of a property would cause the element to generate a containing block for fixed-position elements, specifying that property in will-change must cause the element to generate a containing block for fixed-position elements.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="will-change-fixpos-cb-position-1-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="will-change-fixpos-cb-position-1.xht">will-change-fixpos-cb-position-1</a></strong></td>
|
||||
<td><a href="reference/green-square-100-by-100-offset-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS will-change: 'will-change: position' does not create a containing block for fixed positioned elements but does create a containing block for absolutely positioned elements
|
||||
<ul class="assert">
|
||||
<li>If any non-initial value of a property would cause the element to generate a containing block for fixed-position elements, specifying that property in will-change must cause the element to generate a containing block for fixed-position elements.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="will-change-fixpos-cb-transform-1-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="will-change-fixpos-cb-transform-1.xht">will-change-fixpos-cb-transform-1</a></strong></td>
|
||||
<td><a href="reference/green-square-100-by-100-offset-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS will-change: 'will-change: transform' creates a containing block for fixed positioned elements
|
||||
<ul class="assert">
|
||||
<li>If any non-initial value of a property would cause the element to generate a containing block for fixed-position elements, specifying that property in will-change must cause the element to generate a containing block for fixed-position elements.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="will-change-fixpos-cb-transform-style-1-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="will-change-fixpos-cb-transform-style-1.xht">will-change-fixpos-cb-transform-style-1</a></strong></td>
|
||||
<td><a href="reference/green-square-100-by-100-offset-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS will-change: 'will-change: transform-style' creates a containing block for fixed positioned elements
|
||||
<ul class="assert">
|
||||
<li>If any non-initial value of a property would cause the element to generate a containing block for fixed-position elements, specifying that property in will-change must cause the element to generate a containing block for fixed-position elements.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="will-change-stacking-context-clip-path-1-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="will-change-stacking-context-clip-path-1.xht">will-change-stacking-context-clip-path-1</a></strong></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS will-change: 'will-change: clip-path' creates a stacking context
|
||||
<ul class="assert">
|
||||
<li>If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="will-change-stacking-context-filter-1-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="will-change-stacking-context-filter-1.xht">will-change-stacking-context-filter-1</a></strong></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS will-change: 'will-change: filter' creates a stacking context
|
||||
<ul class="assert">
|
||||
<li>If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="will-change-stacking-context-height-1-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="will-change-stacking-context-height-1.xht">will-change-stacking-context-height-1</a></strong></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS will-change: 'will-change: height' does not create a stacking context
|
||||
<ul class="assert">
|
||||
<li>If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="will-change-stacking-context-isolation-1-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="will-change-stacking-context-isolation-1.xht">will-change-stacking-context-isolation-1</a></strong></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS will-change: 'will-change: isolation' creates a stacking context
|
||||
<ul class="assert">
|
||||
<li>If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="will-change-stacking-context-mask-1-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="will-change-stacking-context-mask-1.xht">will-change-stacking-context-mask-1</a></strong></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS will-change: 'will-change: mask' creates a stacking context
|
||||
<ul class="assert">
|
||||
<li>If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="will-change-stacking-context-mix-blend-mode-1-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="will-change-stacking-context-mix-blend-mode-1.xht">will-change-stacking-context-mix-blend-mode-1</a></strong></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS will-change: 'will-change: mix-blend-mode' creates a stacking context
|
||||
<ul class="assert">
|
||||
<li>If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="will-change-stacking-context-opacity-1-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="will-change-stacking-context-opacity-1.xht">will-change-stacking-context-opacity-1</a></strong></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS will-change: 'will-change: opacity' creates a stacking context
|
||||
<ul class="assert">
|
||||
<li>If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="will-change-stacking-context-perspective-1-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="will-change-stacking-context-perspective-1.xht">will-change-stacking-context-perspective-1</a></strong></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS will-change: 'will-change: perspective' creates a stacking context
|
||||
<ul class="assert">
|
||||
<li>If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="will-change-stacking-context-position-1-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="will-change-stacking-context-position-1.xht">will-change-stacking-context-position-1</a></strong></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS will-change: 'will-change: position' creates a stacking context
|
||||
<ul class="assert">
|
||||
<li>If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="will-change-stacking-context-transform-1-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="will-change-stacking-context-transform-1.xht">will-change-stacking-context-transform-1</a></strong></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS will-change: 'will-change: transform' creates a stacking context
|
||||
<ul class="assert">
|
||||
<li>If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="will-change-stacking-context-transform-style-1-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="will-change-stacking-context-transform-style-1.xht">will-change-stacking-context-transform-style-1</a></strong></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS will-change: 'will-change: transform-style' creates a stacking context
|
||||
<ul class="assert">
|
||||
<li>If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="will-change-stacking-context-z-index-1-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="will-change-stacking-context-z-index-1.xht">will-change-stacking-context-z-index-1</a></strong></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS will-change: 'will-change: z-index' creates a stacking context
|
||||
<ul class="assert">
|
||||
<li>If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s2.#example-0925a526">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#example-11850f13">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#example-3a61cc96">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#example-cd991592">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#example-f071a487">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#propdef-will-change">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#typedef-animateable-feature">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#valdef-will-change-auto">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#valdef-will-change-contents">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#valdef-will-change-custom-ident">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#valdef-will-change-scroll-position">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,39 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>Acknowledgements - CSS Will Change Module Level 1 CR Test Suite</title>
|
||||
<style type="text/css">
|
||||
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
||||
@import "../indices.css";
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1>CSS Will Change Module Level 1 CR Test Suite</h1>
|
||||
<h2>Acknowledgements (0 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
<col id="flags-column"></col>
|
||||
<col id="info-column"></col>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Test</th>
|
||||
<th><abbr title="Rendering References">Refs</abbr></th>
|
||||
<th>Flags</th>
|
||||
<th>Info</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="s3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s3">+</a>
|
||||
<a href="https://www.w3.org/TR/css-will-change-1/#acks">3 Acknowledgements</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
126
tests/wpt/css-tests/css-will-change-1_dev/xhtml1/chapter-4.xht
Normal file
126
tests/wpt/css-tests/css-will-change-1_dev/xhtml1/chapter-4.xht
Normal file
|
|
@ -0,0 +1,126 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>Changes since the April 29 2014 Working Draft - CSS Will Change Module Level 1 CR Test Suite</title>
|
||||
<style type="text/css">
|
||||
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
||||
@import "../indices.css";
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1>CSS Will Change Module Level 1 CR Test Suite</h1>
|
||||
<h2>Changes since the April 29 2014 Working Draft (0 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
<col id="flags-column"></col>
|
||||
<col id="info-column"></col>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Test</th>
|
||||
<th><abbr title="Rendering References">Refs</abbr></th>
|
||||
<th>Flags</th>
|
||||
<th>Info</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="s4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4">+</a>
|
||||
<a href="https://www.w3.org/TR/css-will-change-1/#changes">4 Changes since the April 29 2014 Working Draft</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#abstract">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#conformance">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#contents">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#index">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#property-index">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#references">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#status">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#subtitle">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#title">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconformance.#conformance-classes">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconformance.#conventions">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconformance.#cr-exit-criteria">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconformance.#experimental">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconformance.#partial">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconformance.#testing">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sconventions.#example-f839f6c8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="scss-sparingly.#example-3634b91e">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="scss-sparingly.#example-8e05111e">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sgive-time.#example-ee344275">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sindex.#index-defined-elsewhere">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sindex.#index-defined-here">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sinformative.#biblio-css-backgrounds-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sinformative.#biblio-css-color-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sinformative.#biblio-css-transforms-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-values-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-rfc2119">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sreferences.#informative">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sreferences.#normative">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sstatus.#w3c_process_revision">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS will-change reference</title>
|
||||
<link href="https://dbaron.org/" rel="author" title="L. David Baron" />
|
||||
<link href="http://www.mozilla.org/" rel="author" title="Mozilla" />
|
||||
<style>
|
||||
html, body { margin: 0; padding: 0; }
|
||||
div { width: 100px; height: 100px; margin: 100px 0 0 100px; background: green }
|
||||
</style>
|
||||
</head><body>
|
||||
<div></div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS will-change reference</title>
|
||||
<link href="https://dbaron.org/" rel="author" title="L. David Baron" />
|
||||
<link href="http://www.mozilla.org/" rel="author" title="Mozilla" />
|
||||
<style>
|
||||
html, body { margin: 0; padding: 0; }
|
||||
div { width: 100px; height: 100px; background: green }
|
||||
</style>
|
||||
</head><body>
|
||||
<div></div>
|
||||
|
||||
</body></html>
|
||||
182
tests/wpt/css-tests/css-will-change-1_dev/xhtml1/reftest-toc.xht
Normal file
182
tests/wpt/css-tests/css-will-change-1_dev/xhtml1/reftest-toc.xht
Normal file
|
|
@ -0,0 +1,182 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Will Change Module Level 1 CR Test Suite Reftest Index</title>
|
||||
<style type="text/css">
|
||||
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
||||
@import "../indices.css";
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1>CSS Will Change Module Level 1 CR Test Suite Reftest Index</h1>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="ref-column"></col>
|
||||
<col id="flags-column"></col>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Test</th>
|
||||
<th>Reference</th>
|
||||
<th>Flags</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="will-change-fixpos-cb-contain-1" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS will-change: 'will-change: contain' creates a containing block for fixed positioned elements">
|
||||
<a href="will-change-fixpos-cb-contain-1.xht">will-change-fixpos-cb-contain-1</a></td>
|
||||
<td><a href="reference/green-square-100-by-100-offset-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="will-change-fixpos-cb-filter-1" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS will-change: 'will-change: filter' creates a containing block for fixed positioned elements">
|
||||
<a href="will-change-fixpos-cb-filter-1.xht">will-change-fixpos-cb-filter-1</a></td>
|
||||
<td><a href="reference/green-square-100-by-100-offset-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="will-change-fixpos-cb-height-1" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS will-change: 'will-change: height' does not create a containing block for fixed positioned elements">
|
||||
<a href="will-change-fixpos-cb-height-1.xht">will-change-fixpos-cb-height-1</a></td>
|
||||
<td><a href="reference/green-square-100-by-100-offset-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="will-change-fixpos-cb-perspective-1" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS will-change: 'will-change: perspective' creates a containing block for fixed positioned elements">
|
||||
<a href="will-change-fixpos-cb-perspective-1.xht">will-change-fixpos-cb-perspective-1</a></td>
|
||||
<td><a href="reference/green-square-100-by-100-offset-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="will-change-fixpos-cb-position-1" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS will-change: 'will-change: position' does not create a containing block for fixed positioned elements but does create a containing block for absolutely positioned elements">
|
||||
<a href="will-change-fixpos-cb-position-1.xht">will-change-fixpos-cb-position-1</a></td>
|
||||
<td><a href="reference/green-square-100-by-100-offset-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="will-change-fixpos-cb-transform-1" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS will-change: 'will-change: transform' creates a containing block for fixed positioned elements">
|
||||
<a href="will-change-fixpos-cb-transform-1.xht">will-change-fixpos-cb-transform-1</a></td>
|
||||
<td><a href="reference/green-square-100-by-100-offset-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="will-change-fixpos-cb-transform-style-1" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS will-change: 'will-change: transform-style' creates a containing block for fixed positioned elements">
|
||||
<a href="will-change-fixpos-cb-transform-style-1.xht">will-change-fixpos-cb-transform-style-1</a></td>
|
||||
<td><a href="reference/green-square-100-by-100-offset-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="will-change-stacking-context-clip-path-1" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS will-change: 'will-change: clip-path' creates a stacking context">
|
||||
<a href="will-change-stacking-context-clip-path-1.xht">will-change-stacking-context-clip-path-1</a></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="will-change-stacking-context-filter-1" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS will-change: 'will-change: filter' creates a stacking context">
|
||||
<a href="will-change-stacking-context-filter-1.xht">will-change-stacking-context-filter-1</a></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="will-change-stacking-context-height-1" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS will-change: 'will-change: height' does not create a stacking context">
|
||||
<a href="will-change-stacking-context-height-1.xht">will-change-stacking-context-height-1</a></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="will-change-stacking-context-isolation-1" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS will-change: 'will-change: isolation' creates a stacking context">
|
||||
<a href="will-change-stacking-context-isolation-1.xht">will-change-stacking-context-isolation-1</a></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="will-change-stacking-context-mask-1" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS will-change: 'will-change: mask' creates a stacking context">
|
||||
<a href="will-change-stacking-context-mask-1.xht">will-change-stacking-context-mask-1</a></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="will-change-stacking-context-mix-blend-mode-1" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS will-change: 'will-change: mix-blend-mode' creates a stacking context">
|
||||
<a href="will-change-stacking-context-mix-blend-mode-1.xht">will-change-stacking-context-mix-blend-mode-1</a></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="will-change-stacking-context-opacity-1" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS will-change: 'will-change: opacity' creates a stacking context">
|
||||
<a href="will-change-stacking-context-opacity-1.xht">will-change-stacking-context-opacity-1</a></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="will-change-stacking-context-perspective-1" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS will-change: 'will-change: perspective' creates a stacking context">
|
||||
<a href="will-change-stacking-context-perspective-1.xht">will-change-stacking-context-perspective-1</a></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="will-change-stacking-context-position-1" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS will-change: 'will-change: position' creates a stacking context">
|
||||
<a href="will-change-stacking-context-position-1.xht">will-change-stacking-context-position-1</a></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="will-change-stacking-context-transform-1" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS will-change: 'will-change: transform' creates a stacking context">
|
||||
<a href="will-change-stacking-context-transform-1.xht">will-change-stacking-context-transform-1</a></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="will-change-stacking-context-transform-style-1" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS will-change: 'will-change: transform-style' creates a stacking context">
|
||||
<a href="will-change-stacking-context-transform-style-1.xht">will-change-stacking-context-transform-style-1</a></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="will-change-stacking-context-z-index-1" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS will-change: 'will-change: z-index' creates a stacking context">
|
||||
<a href="will-change-stacking-context-z-index-1.xht">will-change-stacking-context-z-index-1</a></td>
|
||||
<td><a href="reference/green-square-100-by-100-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
|
||||
will-change-fixpos-cb-contain-1.xht == reference/green-square-100-by-100-offset-ref.xht
|
||||
will-change-fixpos-cb-filter-1.xht == reference/green-square-100-by-100-offset-ref.xht
|
||||
will-change-fixpos-cb-height-1.xht == reference/green-square-100-by-100-offset-ref.xht
|
||||
will-change-fixpos-cb-perspective-1.xht == reference/green-square-100-by-100-offset-ref.xht
|
||||
will-change-fixpos-cb-position-1.xht == reference/green-square-100-by-100-offset-ref.xht
|
||||
will-change-fixpos-cb-transform-1.xht == reference/green-square-100-by-100-offset-ref.xht
|
||||
will-change-fixpos-cb-transform-style-1.xht == reference/green-square-100-by-100-offset-ref.xht
|
||||
will-change-stacking-context-clip-path-1.xht == reference/green-square-100-by-100-ref.xht
|
||||
will-change-stacking-context-filter-1.xht == reference/green-square-100-by-100-ref.xht
|
||||
will-change-stacking-context-height-1.xht == reference/green-square-100-by-100-ref.xht
|
||||
will-change-stacking-context-isolation-1.xht == reference/green-square-100-by-100-ref.xht
|
||||
will-change-stacking-context-mask-1.xht == reference/green-square-100-by-100-ref.xht
|
||||
will-change-stacking-context-mix-blend-mode-1.xht == reference/green-square-100-by-100-ref.xht
|
||||
will-change-stacking-context-opacity-1.xht == reference/green-square-100-by-100-ref.xht
|
||||
will-change-stacking-context-perspective-1.xht == reference/green-square-100-by-100-ref.xht
|
||||
will-change-stacking-context-position-1.xht == reference/green-square-100-by-100-ref.xht
|
||||
will-change-stacking-context-transform-1.xht == reference/green-square-100-by-100-ref.xht
|
||||
will-change-stacking-context-transform-style-1.xht == reference/green-square-100-by-100-ref.xht
|
||||
will-change-stacking-context-z-index-1.xht == reference/green-square-100-by-100-ref.xht
|
||||
44
tests/wpt/css-tests/css-will-change-1_dev/xhtml1/toc.xht
Normal file
44
tests/wpt/css-tests/css-will-change-1_dev/xhtml1/toc.xht
Normal file
|
|
@ -0,0 +1,44 @@
|
|||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Will Change Module Level 1 CR Test Suite</title>
|
||||
<style type="text/css">
|
||||
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
||||
@import "../indices.css";
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>CSS Will Change Module Level 1 CR Test Suite By Chapter</h1>
|
||||
|
||||
<p>This index contains both
|
||||
<a href="http://wiki.csswg.org/test/selftest">self-describing tests</a>
|
||||
and reftests.
|
||||
A separate <a href="reftest-toc.xht">alphabetical reftest index</a>
|
||||
is provided for tests in <a href="http://wiki.csswg.org/test/reftest">reftest
|
||||
format</a> along with the <a href="reftest.list">reftest manifest</a>.</p>
|
||||
|
||||
<table>
|
||||
<tbody id="s1">
|
||||
<tr><th><a href="chapter-1.xht">Chapter 1 -
|
||||
Introduction</a></th>
|
||||
<td>(0 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s2">
|
||||
<tr><th><a href="chapter-2.xht">Chapter 2 -
|
||||
Hinting at Future Behavior: the will-change property</a></th>
|
||||
<td>(19 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s3">
|
||||
<tr><th><a href="chapter-3.xht">Chapter 3 -
|
||||
Acknowledgements</a></th>
|
||||
<td>(0 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s4">
|
||||
<tr><th><a href="chapter-4.xht">Chapter 4 -
|
||||
Changes since the April 29 2014 Working Draft</a></th>
|
||||
<td>(0 Tests)</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS will-change: 'will-change: contain' creates a containing block for fixed positioned elements</title>
|
||||
<link href="https://dbaron.org/" rel="author" title="L. David Baron" />
|
||||
<link href="http://www.mozilla.org/" rel="author" title="Mozilla" />
|
||||
<link href="https://drafts.csswg.org/css-will-change-1/#will-change" rel="help" />
|
||||
<link href="https://drafts.csswg.org/css-containment/#containment-paint" rel="help" />
|
||||
<link href="reference/green-square-100-by-100-offset-ref.xht" rel="match" />
|
||||
<meta content="If any non-initial value of a property would cause the element to generate a containing block for fixed-position elements, specifying that property in will-change must cause the element to generate a containing block for fixed-position elements." name="assert" />
|
||||
<style>
|
||||
html, body { margin: 0; padding: 0; }
|
||||
div { width: 100px; height: 100px }
|
||||
#wc { will-change: contain; margin: 100px 0 0 100px; background: red }
|
||||
.child { top: 0; left: 0; width: 50px; background: green }
|
||||
#fixpos { position: fixed }
|
||||
#abspos { position: absolute; left: 50px }
|
||||
</style>
|
||||
</head><body>
|
||||
<div id="wc">
|
||||
<div id="fixpos" class="child">
|
||||
</div>
|
||||
<div id="abspos" class="child">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS will-change: 'will-change: filter' creates a containing block for fixed positioned elements</title>
|
||||
<link href="https://dbaron.org/" rel="author" title="L. David Baron" />
|
||||
<link href="http://www.mozilla.org/" rel="author" title="Mozilla" />
|
||||
<link href="https://drafts.csswg.org/css-will-change-1/#will-change" rel="help" />
|
||||
<link href="http://www.w3.org/TR/filter-effects/#FilterProperty" rel="help" />
|
||||
<link href="reference/green-square-100-by-100-offset-ref.xht" rel="match" />
|
||||
<meta content="If any non-initial value of a property would cause the element to generate a containing block for fixed-position elements, specifying that property in will-change must cause the element to generate a containing block for fixed-position elements." name="assert" />
|
||||
<style>
|
||||
html, body { margin: 0; padding: 0; }
|
||||
div { width: 100px; height: 100px }
|
||||
#wc { will-change: filter; margin: 100px 0 0 100px; background: red }
|
||||
.child { top: 0; left: 0; width: 50px; background: green }
|
||||
#fixpos { position: fixed }
|
||||
#abspos { position: absolute; left: 50px }
|
||||
</style>
|
||||
</head><body>
|
||||
<div id="wc">
|
||||
<div id="fixpos" class="child">
|
||||
</div>
|
||||
<div id="abspos" class="child">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS will-change: 'will-change: height' does not create a containing block for fixed positioned elements</title>
|
||||
<link href="https://dbaron.org/" rel="author" title="L. David Baron" />
|
||||
<link href="http://www.mozilla.org/" rel="author" title="Mozilla" />
|
||||
<link href="https://drafts.csswg.org/css-will-change-1/#will-change" rel="help" />
|
||||
<link href="reference/green-square-100-by-100-offset-ref.xht" rel="match" />
|
||||
<meta content="If any non-initial value of a property would cause the element to generate a containing block for fixed-position elements, specifying that property in will-change must cause the element to generate a containing block for fixed-position elements." name="assert" />
|
||||
<style>
|
||||
html, body { margin: 0; padding: 0; }
|
||||
div { width: 100px; height: 100px }
|
||||
#wc { will-change: height; margin: 100px 0 0 100px; background: red }
|
||||
.child { top: 100px; left: 100px; width: 50px; background: green }
|
||||
#fixpos { position: fixed }
|
||||
#abspos { position: absolute; left: 150px }
|
||||
</style>
|
||||
</head><body>
|
||||
<div id="wc">
|
||||
<div id="fixpos" class="child">
|
||||
</div>
|
||||
<div id="abspos" class="child">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS will-change: 'will-change: perspective' creates a containing block for fixed positioned elements</title>
|
||||
<link href="https://dbaron.org/" rel="author" title="L. David Baron" />
|
||||
<link href="http://www.mozilla.org/" rel="author" title="Mozilla" />
|
||||
<link href="https://drafts.csswg.org/css-will-change-1/#will-change" rel="help" />
|
||||
<link href="http://www.w3.org/TR/css3-transforms/#perspective-property" rel="help" />
|
||||
<link href="reference/green-square-100-by-100-offset-ref.xht" rel="match" />
|
||||
<meta content="If any non-initial value of a property would cause the element to generate a containing block for fixed-position elements, specifying that property in will-change must cause the element to generate a containing block for fixed-position elements." name="assert" />
|
||||
<style>
|
||||
html, body { margin: 0; padding: 0; }
|
||||
div { width: 100px; height: 100px }
|
||||
#wc { will-change: perspective; margin: 100px 0 0 100px; background: red }
|
||||
.child { top: 0; left: 0; width: 50px; background: green }
|
||||
#fixpos { position: fixed }
|
||||
#abspos { position: absolute; left: 50px }
|
||||
</style>
|
||||
</head><body>
|
||||
<div id="wc">
|
||||
<div id="fixpos" class="child">
|
||||
</div>
|
||||
<div id="abspos" class="child">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS will-change: 'will-change: position' does not create a containing block for fixed positioned elements but does create a containing block for absolutely positioned elements</title>
|
||||
<link href="https://dbaron.org/" rel="author" title="L. David Baron" />
|
||||
<link href="http://www.mozilla.org/" rel="author" title="Mozilla" />
|
||||
<link href="https://drafts.csswg.org/css-will-change-1/#will-change" rel="help" />
|
||||
<link href="reference/green-square-100-by-100-offset-ref.xht" rel="match" />
|
||||
<meta content="If any non-initial value of a property would cause the element to generate a containing block for fixed-position elements, specifying that property in will-change must cause the element to generate a containing block for fixed-position elements." name="assert" />
|
||||
<style>
|
||||
html, body { margin: 0; padding: 0; }
|
||||
div { width: 100px; height: 100px }
|
||||
#wc { will-change: position; margin: 100px 0 0 100px; background: red }
|
||||
.child { width: 50px; background: green }
|
||||
#fixpos { position: fixed; top: 100px; left: 100px }
|
||||
#abspos { position: absolute; top: 0; left: 50px }
|
||||
</style>
|
||||
</head><body>
|
||||
<div id="wc">
|
||||
<div id="fixpos" class="child">
|
||||
</div>
|
||||
<div id="abspos" class="child">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS will-change: 'will-change: transform' creates a containing block for fixed positioned elements</title>
|
||||
<link href="https://dbaron.org/" rel="author" title="L. David Baron" />
|
||||
<link href="http://www.mozilla.org/" rel="author" title="Mozilla" />
|
||||
<link href="https://drafts.csswg.org/css-will-change-1/#will-change" rel="help" />
|
||||
<link href="http://www.w3.org/TR/css3-transforms/#transform-property" rel="help" />
|
||||
<link href="reference/green-square-100-by-100-offset-ref.xht" rel="match" />
|
||||
<meta content="If any non-initial value of a property would cause the element to generate a containing block for fixed-position elements, specifying that property in will-change must cause the element to generate a containing block for fixed-position elements." name="assert" />
|
||||
<style>
|
||||
html, body { margin: 0; padding: 0; }
|
||||
div { width: 100px; height: 100px }
|
||||
#wc { will-change: transform; margin: 100px 0 0 100px; background: red }
|
||||
.child { top: 0; left: 0; width: 50px; background: green }
|
||||
#fixpos { position: fixed }
|
||||
#abspos { position: absolute; left: 50px }
|
||||
</style>
|
||||
</head><body>
|
||||
<div id="wc">
|
||||
<div id="fixpos" class="child">
|
||||
</div>
|
||||
<div id="abspos" class="child">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS will-change: 'will-change: transform-style' creates a containing block for fixed positioned elements</title>
|
||||
<link href="https://dbaron.org/" rel="author" title="L. David Baron" />
|
||||
<link href="http://www.mozilla.org/" rel="author" title="Mozilla" />
|
||||
<link href="https://drafts.csswg.org/css-will-change-1/#will-change" rel="help" />
|
||||
<link href="http://www.w3.org/TR/css3-transforms/#transform-style-property" rel="help" />
|
||||
<link href="reference/green-square-100-by-100-offset-ref.xht" rel="match" />
|
||||
<meta content="If any non-initial value of a property would cause the element to generate a containing block for fixed-position elements, specifying that property in will-change must cause the element to generate a containing block for fixed-position elements." name="assert" />
|
||||
<style>
|
||||
html, body { margin: 0; padding: 0; }
|
||||
div { width: 100px; height: 100px }
|
||||
#wc { will-change: transform-style; margin: 100px 0 0 100px; background: red }
|
||||
.child { top: 0; left: 0; width: 50px; background: green }
|
||||
#fixpos { position: fixed }
|
||||
#abspos { position: absolute; left: 50px }
|
||||
</style>
|
||||
</head><body>
|
||||
<div id="wc">
|
||||
<div id="fixpos" class="child">
|
||||
</div>
|
||||
<div id="abspos" class="child">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS will-change: 'will-change: clip-path' creates a stacking context</title>
|
||||
<link href="https://dbaron.org/" rel="author" title="L. David Baron" />
|
||||
<link href="http://www.mozilla.org/" rel="author" title="Mozilla" />
|
||||
<link href="https://drafts.csswg.org/css-will-change-1/#will-change" rel="help" />
|
||||
<link href="http://www.w3.org/TR/css-masking/#the-clip-path" rel="help" />
|
||||
<link href="reference/green-square-100-by-100-ref.xht" rel="match" />
|
||||
<meta content="If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element." name="assert" />
|
||||
<style>
|
||||
html, body { margin: 0; padding: 0; }
|
||||
div { width: 100px; height: 100px }
|
||||
#wc { will-change: clip-path; background: red }
|
||||
#child { position: absolute; top: 0; left: 0; z-index: -1; background: green }
|
||||
</style>
|
||||
</head><body>
|
||||
<div id="wc">
|
||||
<div id="child">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS will-change: 'will-change: filter' creates a stacking context</title>
|
||||
<link href="https://dbaron.org/" rel="author" title="L. David Baron" />
|
||||
<link href="http://www.mozilla.org/" rel="author" title="Mozilla" />
|
||||
<link href="https://drafts.csswg.org/css-will-change-1/#will-change" rel="help" />
|
||||
<link href="http://www.w3.org/TR/filter-effects/#FilterProperty" rel="help" />
|
||||
<link href="reference/green-square-100-by-100-ref.xht" rel="match" />
|
||||
<meta content="If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element." name="assert" />
|
||||
<style>
|
||||
html, body { margin: 0; padding: 0; }
|
||||
div { width: 100px; height: 100px }
|
||||
#wc { will-change: filter; background: red }
|
||||
#child { position: absolute; top: 0; left: 0; z-index: -1; background: green }
|
||||
</style>
|
||||
</head><body>
|
||||
<div id="wc">
|
||||
<div id="child">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS will-change: 'will-change: height' does not create a stacking context</title>
|
||||
<link href="https://dbaron.org/" rel="author" title="L. David Baron" />
|
||||
<link href="http://www.mozilla.org/" rel="author" title="Mozilla" />
|
||||
<link href="https://drafts.csswg.org/css-will-change-1/#will-change" rel="help" />
|
||||
<link href="reference/green-square-100-by-100-ref.xht" rel="match" />
|
||||
<meta content="If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element." name="assert" />
|
||||
<style>
|
||||
html, body { margin: 0; padding: 0; }
|
||||
div { width: 100px; height: 100px }
|
||||
#wc { will-change: height; background: green }
|
||||
#child { position: absolute; top: 0; left: 0; z-index: -1; background: red }
|
||||
</style>
|
||||
</head><body>
|
||||
<div id="wc">
|
||||
<div id="child">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS will-change: 'will-change: isolation' creates a stacking context</title>
|
||||
<link href="https://dbaron.org/" rel="author" title="L. David Baron" />
|
||||
<link href="http://www.mozilla.org/" rel="author" title="Mozilla" />
|
||||
<link href="https://drafts.csswg.org/css-will-change-1/#will-change" rel="help" />
|
||||
<link href="http://www.w3.org/TR/compositing-1/#isolation" rel="help" />
|
||||
<link href="reference/green-square-100-by-100-ref.xht" rel="match" />
|
||||
<meta content="If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element." name="assert" />
|
||||
<style>
|
||||
html, body { margin: 0; padding: 0; }
|
||||
div { width: 100px; height: 100px }
|
||||
#wc { will-change: isolation; background: red }
|
||||
#child { position: absolute; top: 0; left: 0; z-index: -1; background: green }
|
||||
</style>
|
||||
</head><body>
|
||||
<div id="wc">
|
||||
<div id="child">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS will-change: 'will-change: mask' creates a stacking context</title>
|
||||
<link href="https://dbaron.org/" rel="author" title="L. David Baron" />
|
||||
<link href="http://www.mozilla.org/" rel="author" title="Mozilla" />
|
||||
<link href="https://drafts.csswg.org/css-will-change-1/#will-change" rel="help" />
|
||||
<link href="http://www.w3.org/TR/css-masking/#the-mask-image" rel="help" />
|
||||
<link href="reference/green-square-100-by-100-ref.xht" rel="match" />
|
||||
<meta content="If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element." name="assert" />
|
||||
<style>
|
||||
html, body { margin: 0; padding: 0; }
|
||||
div { width: 100px; height: 100px }
|
||||
#wc { will-change: mask; background: red }
|
||||
#child { position: absolute; top: 0; left: 0; z-index: -1; background: green }
|
||||
</style>
|
||||
</head><body>
|
||||
<div id="wc">
|
||||
<div id="child">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS will-change: 'will-change: mix-blend-mode' creates a stacking context</title>
|
||||
<link href="https://dbaron.org/" rel="author" title="L. David Baron" />
|
||||
<link href="http://www.mozilla.org/" rel="author" title="Mozilla" />
|
||||
<link href="https://drafts.csswg.org/css-will-change-1/#will-change" rel="help" />
|
||||
<link href="http://www.w3.org/TR/compositing-1/#mix-blend-mode" rel="help" />
|
||||
<link href="reference/green-square-100-by-100-ref.xht" rel="match" />
|
||||
<meta content="If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element." name="assert" />
|
||||
<style>
|
||||
html, body { margin: 0; padding: 0; }
|
||||
div { width: 100px; height: 100px }
|
||||
#wc { will-change: mix-blend-mode; background: red }
|
||||
#child { position: absolute; top: 0; left: 0; z-index: -1; background: green }
|
||||
</style>
|
||||
</head><body>
|
||||
<div id="wc">
|
||||
<div id="child">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS will-change: 'will-change: opacity' creates a stacking context</title>
|
||||
<link href="https://dbaron.org/" rel="author" title="L. David Baron" />
|
||||
<link href="http://www.mozilla.org/" rel="author" title="Mozilla" />
|
||||
<link href="https://drafts.csswg.org/css-will-change-1/#will-change" rel="help" />
|
||||
<link href="https://drafts.csswg.org/css-color-3/#transparency" rel="help" />
|
||||
<link href="reference/green-square-100-by-100-ref.xht" rel="match" />
|
||||
<meta content="If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element." name="assert" />
|
||||
<style>
|
||||
html, body { margin: 0; padding: 0; }
|
||||
div { width: 100px; height: 100px }
|
||||
#wc { will-change: opacity; background: red }
|
||||
#child { position: absolute; top: 0; left: 0; z-index: -1; background: green }
|
||||
</style>
|
||||
</head><body>
|
||||
<div id="wc">
|
||||
<div id="child">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS will-change: 'will-change: perspective' creates a stacking context</title>
|
||||
<link href="https://dbaron.org/" rel="author" title="L. David Baron" />
|
||||
<link href="http://www.mozilla.org/" rel="author" title="Mozilla" />
|
||||
<link href="https://drafts.csswg.org/css-will-change-1/#will-change" rel="help" />
|
||||
<link href="http://www.w3.org/TR/css3-transforms/#perspective-property" rel="help" />
|
||||
<link href="reference/green-square-100-by-100-ref.xht" rel="match" />
|
||||
<meta content="If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element." name="assert" />
|
||||
<style>
|
||||
html, body { margin: 0; padding: 0; }
|
||||
div { width: 100px; height: 100px }
|
||||
#wc { will-change: perspective; background: red }
|
||||
#child { position: absolute; top: 0; left: 0; z-index: -1; background: green }
|
||||
</style>
|
||||
</head><body>
|
||||
<div id="wc">
|
||||
<div id="child">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS will-change: 'will-change: position' creates a stacking context</title>
|
||||
<link href="https://dbaron.org/" rel="author" title="L. David Baron" />
|
||||
<link href="http://www.mozilla.org/" rel="author" title="Mozilla" />
|
||||
<link href="https://drafts.csswg.org/css-will-change-1/#will-change" rel="help" />
|
||||
<link href="http://www.w3.org/TR/css3-positioning/#sticky-pos" rel="help" />
|
||||
<link href="reference/green-square-100-by-100-ref.xht" rel="match" />
|
||||
<meta content="If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element." name="assert" />
|
||||
<style>
|
||||
html, body { margin: 0; padding: 0; }
|
||||
div { width: 100px; height: 100px }
|
||||
#wc { will-change: position; background: red }
|
||||
#child { position: absolute; top: 0; left: 0; z-index: -1; background: green }
|
||||
</style>
|
||||
</head><body>
|
||||
<div id="wc">
|
||||
<div id="child">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS will-change: 'will-change: transform' creates a stacking context</title>
|
||||
<link href="https://dbaron.org/" rel="author" title="L. David Baron" />
|
||||
<link href="http://www.mozilla.org/" rel="author" title="Mozilla" />
|
||||
<link href="https://drafts.csswg.org/css-will-change-1/#will-change" rel="help" />
|
||||
<link href="http://www.w3.org/TR/css3-transforms/#transform-property" rel="help" />
|
||||
<link href="reference/green-square-100-by-100-ref.xht" rel="match" />
|
||||
<meta content="If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element." name="assert" />
|
||||
<style>
|
||||
html, body { margin: 0; padding: 0; }
|
||||
div { width: 100px; height: 100px }
|
||||
#wc { will-change: transform; background: red }
|
||||
#child { position: absolute; top: 0; left: 0; z-index: -1; background: green }
|
||||
</style>
|
||||
</head><body>
|
||||
<div id="wc">
|
||||
<div id="child">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS will-change: 'will-change: transform-style' creates a stacking context</title>
|
||||
<link href="https://dbaron.org/" rel="author" title="L. David Baron" />
|
||||
<link href="http://www.mozilla.org/" rel="author" title="Mozilla" />
|
||||
<link href="https://drafts.csswg.org/css-will-change-1/#will-change" rel="help" />
|
||||
<link href="http://www.w3.org/TR/css3-transforms/#transform-style-property" rel="help" />
|
||||
<link href="reference/green-square-100-by-100-ref.xht" rel="match" />
|
||||
<meta content="If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element." name="assert" />
|
||||
<style>
|
||||
html, body { margin: 0; padding: 0; }
|
||||
div { width: 100px; height: 100px }
|
||||
#wc { will-change: transform-style; background: red }
|
||||
#child { position: absolute; top: 0; left: 0; z-index: -1; background: green }
|
||||
</style>
|
||||
</head><body>
|
||||
<div id="wc">
|
||||
<div id="child">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS will-change: 'will-change: z-index' creates a stacking context</title>
|
||||
<link href="https://dbaron.org/" rel="author" title="L. David Baron" />
|
||||
<link href="http://www.mozilla.org/" rel="author" title="Mozilla" />
|
||||
<link href="https://drafts.csswg.org/css-will-change-1/#will-change" rel="help" />
|
||||
<link href="http://www.w3.org/TR/css3-positioning/#layered-presentation" rel="help" />
|
||||
<link href="reference/green-square-100-by-100-ref.xht" rel="match" />
|
||||
<meta content="If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element." name="assert" />
|
||||
<style>
|
||||
html, body { margin: 0; padding: 0; }
|
||||
div { width: 100px; height: 100px }
|
||||
#wc { will-change: z-index; background: red }
|
||||
#child { position: absolute; top: 0; left: 0; z-index: -1; background: green }
|
||||
</style>
|
||||
</head><body>
|
||||
<div id="wc">
|
||||
<div id="child">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue