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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/fast/regions/positioned-objects-block-static-spanning-regions.html

Issue 159863002: Remove CSS regions support, keeping a bare minimum to support "region-based" multicol. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Created 6 years, 10 months 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
« no previous file with comments | « LayoutTests/fast/regions/positioned-objects-block-static-in-rtl-regions-expected.html ('k') | LayoutTests/fast/regions/positioned-objects-block-static-spanning-regions-expected.html » ('j') | Source/devtools/front_end/protocol_externs.js » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(Empty)
1 <!doctype html>
2 <html>
3 <head>
4 <style>
5 #content {
6 -webkit-flow-into: flow1;
7 }
8
9 #first-box {
10 margin: 10%;
11 height:350px;
12 background-color:#cccccc;
13 }
14
15 #second-box {
16 position:absolute;
17 top:0;
18 height:450px;
19 width:50%;
20 background-color:#00a000;
21 color:#ffff00;
22 font: 16px/1.25 monospace;
23 }
24
25 #region1, #region2, #region3 {
26 border: 1px solid black;
27 -webkit-flow-from: flow1;
28 }
29
30 #region1 {
31 width: 200px;
32 height: 150px;
33 }
34
35 #region2 {
36 width: 300px;
37 height: 180px;
38 }
39
40 #region3 {
41 width: 120px;
42 height: 120px;
43 }
44 </style>
45 </head>
46 <body>
47 <p>The green positioned object should go through all three regions. Its left edg e should align with
48 the left side of the light grey boxes in each region. No red should be visible.< /p>
49 <div id="content">
50 <div id="first-box">
51 <div style="width:100px;height:100px;background-color:red"></div>
52 <div id="second-box">
53 Some text.<br>
54 Some text.<br>
55 Some text.<br>
56 Some text.<br>
57 Some text.<br>
58 Some text.<br>
59 Some text.<br>
60 Some text.<br>
61 Some text.<br>
62 Some text.<br>
63 Some text.<br>
64 Some text.<br>
65 Some text.<br>
66 Some text.<br>
67 Some text.<br>
68 Some text.<br>
69 Some text.<br>
70 Some text.<br>
71 Some text.<br>
72 </div>
73 </div>
74 </div>
75
76 <div id="container">
77 <div id="region1"></div>
78 <div id="region2"></div>
79 <div id="region3"></div>
80 </div>
81 </body>
82 </html>
OLDNEW
« no previous file with comments | « LayoutTests/fast/regions/positioned-objects-block-static-in-rtl-regions-expected.html ('k') | LayoutTests/fast/regions/positioned-objects-block-static-spanning-regions-expected.html » ('j') | Source/devtools/front_end/protocol_externs.js » ('J')

Powered by Google App Engine
This is Rietveld 408576698