Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(1394)

Side by Side Diff: third_party/WebKit/LayoutTests/css-display-3/display-contents-dynamic-002.html

Issue 2450093005: Support display: contents for elements, first-line and first-letter pseudos. (Closed)
Patch Set: Support display: contents for elements, first-line and first-letter pseudos. Created 4 years, 1 month ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
(Empty)
1 <!doctype html>
2 <meta charset="utf-8">
3 <title>CSS Display: Dynamic changes to display:contents element should not break attachment order</title>
4 <link rel="author" title="Emilio Cobos Álvarez" href="mailto:ecobos@igalia.com">
5 <link rel="help" href="https://drafts.csswg.org/css-display-3/#valdef-display-co ntents">
6 <link rel="match" href="display-contents-dynamic-002-expected.html">
7 <style>
8 .box {
9 height: 100px;
10 width: 100px;
11 background-color: purple;
12 }
13
14 .container {
15 width: 800px;
16 display: flex;
17 }
18
19 #contents {
20 display: contents;
21 border: 10px solid red;
22 background: red;
23 }
24
25 #contents > .box {
26 background: green;
27 }
28
29 .container.active #contents {
30 display: none;
31 }
32 </style>
33 <div class="container">
34 <div class="box"></div>
35 <div id="contents">
36 <div class="box"></div>
37 <div class="box"></div>
38 </div>
39 <div class="box"></div>
40 <div class="box"></div>
41 </div>
42 <script>
43 var container = document.querySelector('.container');
44 window.addEventListener('load', function() {
45 container.classList.add('active');
46 });
47 </script>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698