| Index: third_party/WebKit/LayoutTests/css-display-3/display-contents-dynamic-002.html
|
| diff --git a/third_party/WebKit/LayoutTests/css-display-3/display-contents-dynamic-002.html b/third_party/WebKit/LayoutTests/css-display-3/display-contents-dynamic-002.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..c76a83229686e02ff63ac54054aecb20d7792b72
|
| --- /dev/null
|
| +++ b/third_party/WebKit/LayoutTests/css-display-3/display-contents-dynamic-002.html
|
| @@ -0,0 +1,47 @@
|
| +<!doctype html>
|
| +<meta charset="utf-8">
|
| +<title>CSS Display: Dynamic changes to display:contents element should not break attachment order</title>
|
| +<link rel="author" title="Emilio Cobos Álvarez" href="mailto:ecobos@igalia.com">
|
| +<link rel="help" href="https://drafts.csswg.org/css-display-3/#valdef-display-contents">
|
| +<link rel="match" href="display-contents-dynamic-002-expected.html">
|
| +<style>
|
| + .box {
|
| + height: 100px;
|
| + width: 100px;
|
| + background-color: purple;
|
| + }
|
| +
|
| + .container {
|
| + width: 800px;
|
| + display: flex;
|
| + }
|
| +
|
| + #contents {
|
| + display: contents;
|
| + border: 10px solid red;
|
| + background: red;
|
| + }
|
| +
|
| + #contents > .box {
|
| + background: green;
|
| + }
|
| +
|
| + .container.active #contents {
|
| + display: none;
|
| + }
|
| +</style>
|
| +<div class="container">
|
| + <div class="box"></div>
|
| + <div id="contents">
|
| + <div class="box"></div>
|
| + <div class="box"></div>
|
| + </div>
|
| + <div class="box"></div>
|
| + <div class="box"></div>
|
| +</div>
|
| +<script>
|
| + var container = document.querySelector('.container');
|
| + window.addEventListener('load', function() {
|
| + container.classList.add('active');
|
| + });
|
| +</script>
|
|
|
Chromium Code Reviews
Issue 2450093005:
Support display: contents for elements, first-line and first-letter pseudos. (Closed)
