OLD | NEW |
| (Empty) |
1 <!doctype html> | |
2 <head> | |
3 <title>Test for https://bugs.webkit.org/show_bug.cgi?id=102826</title> | |
4 <script> | |
5 if (window.testRunner) | |
6 window.testRunner.overridePreference("WebKitCSSRegionsEnabled", "1"); | |
7 </script> | |
8 <style type="text/css"> | |
9 #content { | |
10 -webkit-flow-into: flow1; | |
11 } | |
12 | |
13 #target { | |
14 background-color: green; | |
15 width: 100px; | |
16 height: 50px; | |
17 /* Force a composited layer. */ | |
18 -webkit-transform: translate3d(0,0,0); | |
19 } | |
20 | |
21 #region1, #region2 { | |
22 width: 100px; | |
23 height: 50px; | |
24 -webkit-flow-from: flow1; | |
25 } | |
26 | |
27 #region1 { | |
28 /* Make sure that the content of the first region will display in a totally | |
29 different place than it would have been displayed if regions were not use
d. */ | |
30 background-color: red; | |
31 } | |
32 | |
33 #region2 { | |
34 background-color: green; | |
35 } | |
36 | |
37 </style> | |
38 </head> | |
39 <body> | |
40 <!-- Testing that the RenderObject is marked as part of the RenderFlowThread
before it applies the first style. | |
41 The test should paint two green rectangles. There should be no red. --> | |
42 <div id="content"> | |
43 <div id="target"></div> | |
44 </div> | |
45 <div id="region1"></div><br /> | |
46 <div id="region2"></div> | |
47 </body> | |
48 </html> | |
OLD | NEW |