| OLD | NEW |
| 1 { | 1 { |
| 2 "layers": [ | 2 "layers": [ |
| 3 { | 3 { |
| 4 "name": "LayoutView #document", | 4 "name": "LayoutView #document", |
| 5 "bounds": [600, 250], | 5 "bounds": [600, 250], |
| 6 "contentsOpaque": true, | 6 "contentsOpaque": true, |
| 7 "drawsContent": true, | 7 "drawsContent": true, |
| 8 "paintInvalidations": [ | 8 "paintInvalidations": [ |
| 9 { | 9 { |
| 10 "object": "LayoutBlockFlow (positioned) DIV class='container'", | 10 "object": "LayoutBlockFlow (positioned) DIV class='container'", |
| 11 "rect": [0, 0, 600, 500], | 11 "rect": [0, 0, 600, 500], |
| 12 "reason": "forced by layout" | 12 "reason": "geometry" |
| 13 }, | 13 }, |
| 14 { | 14 { |
| 15 "object": "LayoutView #document", | 15 "object": "LayoutView #document", |
| 16 "rect": [0, 250, 600, 250], | 16 "rect": [0, 250, 600, 250], |
| 17 "reason": "incremental" | 17 "reason": "incremental" |
| 18 }, | 18 }, |
| 19 { | 19 { |
| 20 "object": "LayoutBlockFlow DIV class='parent'", | 20 "object": "LayoutBlockFlow DIV class='parent'", |
| 21 "rect": [0, 0, 6, 500], | 21 "rect": [0, 0, 6, 500], |
| 22 "reason": "forced by layout" | 22 "reason": "geometry" |
| 23 }, | 23 }, |
| 24 { | 24 { |
| 25 "object": "LayoutBlockFlow (relative positioned) DIV class='child'", | 25 "object": "LayoutBlockFlow (relative positioned) DIV class='child'", |
| 26 "rect": [0, 250, 6, 30], | 26 "rect": [0, 250, 6, 30], |
| 27 "reason": "forced by layout" | 27 "reason": "geometry" |
| 28 }, | 28 }, |
| 29 { | 29 { |
| 30 "object": "LayoutBlockFlow (relative positioned) DIV class='child'", | 30 "object": "LayoutBlockFlow (relative positioned) DIV class='child'", |
| 31 "rect": [0, 125, 6, 30], | 31 "rect": [0, 125, 6, 30], |
| 32 "reason": "forced by layout" | 32 "reason": "geometry" |
| 33 } | 33 } |
| 34 ] | 34 ] |
| 35 } | 35 } |
| 36 ], | 36 ], |
| 37 "objectPaintInvalidations": [ | 37 "objectPaintInvalidations": [ |
| 38 { | 38 { |
| 39 "object": "LayoutView #document", | 39 "object": "LayoutView #document", |
| 40 "reason": "incremental" | 40 "reason": "incremental" |
| 41 }, | 41 }, |
| 42 { | 42 { |
| 43 "object": "LayoutBlockFlow (positioned) DIV class='container'", | 43 "object": "LayoutBlockFlow (positioned) DIV class='container'", |
| 44 "reason": "forced by layout" | 44 "reason": "geometry" |
| 45 }, | 45 }, |
| 46 { | 46 { |
| 47 "object": "LayoutBlockFlow DIV class='parent'", | 47 "object": "LayoutBlockFlow DIV class='parent'", |
| 48 "reason": "forced by layout" | 48 "reason": "geometry" |
| 49 }, | 49 }, |
| 50 { | 50 { |
| 51 "object": "RootInlineBox", | 51 "object": "RootInlineBox", |
| 52 "reason": "forced by layout" | 52 "reason": "geometry" |
| 53 }, | 53 }, |
| 54 { | 54 { |
| 55 "object": "LayoutBlockFlow (relative positioned) DIV class='child'", | 55 "object": "LayoutBlockFlow (relative positioned) DIV class='child'", |
| 56 "reason": "forced by layout" | 56 "reason": "geometry" |
| 57 } | 57 } |
| 58 ] | 58 ] |
| 59 } | 59 } |
| 60 { | 60 { |
| 61 "layers": [ | 61 "layers": [ |
| 62 { | 62 { |
| 63 "name": "LayoutView #document", | 63 "name": "LayoutView #document", |
| 64 "bounds": [400, 250], | 64 "bounds": [400, 250], |
| 65 "contentsOpaque": true, | 65 "contentsOpaque": true, |
| 66 "drawsContent": true, | 66 "drawsContent": true, |
| 67 "paintInvalidations": [ | 67 "paintInvalidations": [ |
| 68 { | 68 { |
| 69 "object": "LayoutBlockFlow (positioned) DIV class='container'", | 69 "object": "LayoutBlockFlow (positioned) DIV class='container'", |
| 70 "rect": [0, 0, 600, 250], | 70 "rect": [0, 0, 600, 250], |
| 71 "reason": "forced by layout" | 71 "reason": "geometry" |
| 72 }, | 72 }, |
| 73 { | 73 { |
| 74 "object": "LayoutView #document", | 74 "object": "LayoutView #document", |
| 75 "rect": [400, 0, 200, 250], | 75 "rect": [400, 0, 200, 250], |
| 76 "reason": "incremental" | 76 "reason": "incremental" |
| 77 }, | 77 }, |
| 78 { | 78 { |
| 79 "object": "LayoutBlockFlow DIV class='parent'", | 79 "object": "LayoutBlockFlow DIV class='parent'", |
| 80 "rect": [0, 0, 6, 250], | 80 "rect": [0, 0, 6, 250], |
| 81 "reason": "forced by layout" | 81 "reason": "geometry" |
| 82 }, | 82 }, |
| 83 { | 83 { |
| 84 "object": "LayoutBlockFlow (relative positioned) DIV class='child'", | 84 "object": "LayoutBlockFlow (relative positioned) DIV class='child'", |
| 85 "rect": [0, 125, 6, 30], | 85 "rect": [0, 125, 6, 30], |
| 86 "reason": "forced by layout" | 86 "reason": "geometry" |
| 87 } | 87 } |
| 88 ] | 88 ] |
| 89 } | 89 } |
| 90 ], | 90 ], |
| 91 "objectPaintInvalidations": [ | 91 "objectPaintInvalidations": [ |
| 92 { | 92 { |
| 93 "object": "LayoutView #document", | 93 "object": "LayoutView #document", |
| 94 "reason": "incremental" | 94 "reason": "incremental" |
| 95 }, | 95 }, |
| 96 { | 96 { |
| 97 "object": "LayoutBlockFlow (positioned) DIV class='container'", | 97 "object": "LayoutBlockFlow (positioned) DIV class='container'", |
| 98 "reason": "forced by layout" | 98 "reason": "geometry" |
| 99 }, | 99 }, |
| 100 { | 100 { |
| 101 "object": "LayoutBlockFlow DIV class='parent'", | 101 "object": "LayoutBlockFlow DIV class='parent'", |
| 102 "reason": "forced by layout" | 102 "reason": "geometry" |
| 103 }, | 103 }, |
| 104 { | 104 { |
| 105 "object": "RootInlineBox", | 105 "object": "RootInlineBox", |
| 106 "reason": "forced by layout" | 106 "reason": "geometry" |
| 107 }, | 107 }, |
| 108 { | 108 { |
| 109 "object": "LayoutBlockFlow (relative positioned) DIV class='child'", | 109 "object": "LayoutBlockFlow (relative positioned) DIV class='child'", |
| 110 "reason": "forced by layout" | 110 "reason": "geometry" |
| 111 } | 111 } |
| 112 ] | 112 ] |
| 113 } | 113 } |
| 114 { | 114 { |
| 115 "layers": [ | 115 "layers": [ |
| 116 { | 116 { |
| 117 "name": "LayoutView #document", | 117 "name": "LayoutView #document", |
| 118 "bounds": [400, 600], | 118 "bounds": [400, 600], |
| 119 "contentsOpaque": true, | 119 "contentsOpaque": true, |
| 120 "drawsContent": true, | 120 "drawsContent": true, |
| 121 "paintInvalidations": [ | 121 "paintInvalidations": [ |
| 122 { | 122 { |
| 123 "object": "LayoutBlockFlow (positioned) DIV class='container'", | 123 "object": "LayoutBlockFlow (positioned) DIV class='container'", |
| 124 "rect": [0, 0, 400, 600], | 124 "rect": [0, 0, 400, 600], |
| 125 "reason": "forced by layout" | 125 "reason": "geometry" |
| 126 }, | 126 }, |
| 127 { | 127 { |
| 128 "object": "LayoutView #document", | 128 "object": "LayoutView #document", |
| 129 "rect": [0, 250, 400, 350], | 129 "rect": [0, 250, 400, 350], |
| 130 "reason": "incremental" | 130 "reason": "incremental" |
| 131 }, | 131 }, |
| 132 { | 132 { |
| 133 "object": "LayoutBlockFlow DIV class='parent'", | 133 "object": "LayoutBlockFlow DIV class='parent'", |
| 134 "rect": [0, 0, 6, 600], | 134 "rect": [0, 0, 6, 600], |
| 135 "reason": "forced by layout" | 135 "reason": "geometry" |
| 136 }, | 136 }, |
| 137 { | 137 { |
| 138 "object": "LayoutBlockFlow (relative positioned) DIV class='child'", | 138 "object": "LayoutBlockFlow (relative positioned) DIV class='child'", |
| 139 "rect": [0, 300, 6, 30], | 139 "rect": [0, 300, 6, 30], |
| 140 "reason": "forced by layout" | 140 "reason": "geometry" |
| 141 }, | 141 }, |
| 142 { | 142 { |
| 143 "object": "LayoutBlockFlow (relative positioned) DIV class='child'", | 143 "object": "LayoutBlockFlow (relative positioned) DIV class='child'", |
| 144 "rect": [0, 125, 6, 30], | 144 "rect": [0, 125, 6, 30], |
| 145 "reason": "forced by layout" | 145 "reason": "geometry" |
| 146 } | 146 } |
| 147 ] | 147 ] |
| 148 } | 148 } |
| 149 ], | 149 ], |
| 150 "objectPaintInvalidations": [ | 150 "objectPaintInvalidations": [ |
| 151 { | 151 { |
| 152 "object": "LayoutView #document", | 152 "object": "LayoutView #document", |
| 153 "reason": "incremental" | 153 "reason": "incremental" |
| 154 }, | 154 }, |
| 155 { | 155 { |
| 156 "object": "LayoutBlockFlow (positioned) DIV class='container'", | 156 "object": "LayoutBlockFlow (positioned) DIV class='container'", |
| 157 "reason": "forced by layout" | 157 "reason": "geometry" |
| 158 }, | 158 }, |
| 159 { | 159 { |
| 160 "object": "LayoutBlockFlow DIV class='parent'", | 160 "object": "LayoutBlockFlow DIV class='parent'", |
| 161 "reason": "forced by layout" | 161 "reason": "geometry" |
| 162 }, | 162 }, |
| 163 { | 163 { |
| 164 "object": "RootInlineBox", | 164 "object": "RootInlineBox", |
| 165 "reason": "forced by layout" | 165 "reason": "geometry" |
| 166 }, | 166 }, |
| 167 { | 167 { |
| 168 "object": "LayoutBlockFlow (relative positioned) DIV class='child'", | 168 "object": "LayoutBlockFlow (relative positioned) DIV class='child'", |
| 169 "reason": "forced by layout" | 169 "reason": "geometry" |
| 170 } | 170 } |
| 171 ] | 171 ] |
| 172 } | 172 } |
| 173 { | 173 { |
| 174 "layers": [ | 174 "layers": [ |
| 175 { | 175 { |
| 176 "name": "LayoutView #document", | 176 "name": "LayoutView #document", |
| 177 "bounds": [800, 600], | 177 "bounds": [800, 600], |
| 178 "contentsOpaque": true, | 178 "contentsOpaque": true, |
| 179 "drawsContent": true, | 179 "drawsContent": true, |
| 180 "paintInvalidations": [ | 180 "paintInvalidations": [ |
| 181 { | 181 { |
| 182 "object": "LayoutBlockFlow (positioned) DIV class='container'", | 182 "object": "LayoutBlockFlow (positioned) DIV class='container'", |
| 183 "rect": [0, 0, 800, 600], | 183 "rect": [0, 0, 800, 600], |
| 184 "reason": "forced by layout" | 184 "reason": "geometry" |
| 185 }, | 185 }, |
| 186 { | 186 { |
| 187 "object": "LayoutView #document", | 187 "object": "LayoutView #document", |
| 188 "rect": [400, 0, 400, 600], | 188 "rect": [400, 0, 400, 600], |
| 189 "reason": "incremental" | 189 "reason": "incremental" |
| 190 }, | 190 }, |
| 191 { | 191 { |
| 192 "object": "LayoutBlockFlow DIV class='parent'", | 192 "object": "LayoutBlockFlow DIV class='parent'", |
| 193 "rect": [0, 0, 6, 600], | 193 "rect": [0, 0, 6, 600], |
| 194 "reason": "forced by layout" | 194 "reason": "geometry" |
| 195 }, | 195 }, |
| 196 { | 196 { |
| 197 "object": "LayoutBlockFlow (relative positioned) DIV class='child'", | 197 "object": "LayoutBlockFlow (relative positioned) DIV class='child'", |
| 198 "rect": [0, 300, 6, 30], | 198 "rect": [0, 300, 6, 30], |
| 199 "reason": "forced by layout" | 199 "reason": "geometry" |
| 200 } | 200 } |
| 201 ] | 201 ] |
| 202 } | 202 } |
| 203 ], | 203 ], |
| 204 "objectPaintInvalidations": [ | 204 "objectPaintInvalidations": [ |
| 205 { | 205 { |
| 206 "object": "LayoutView #document", | 206 "object": "LayoutView #document", |
| 207 "reason": "incremental" | 207 "reason": "incremental" |
| 208 }, | 208 }, |
| 209 { | 209 { |
| 210 "object": "LayoutBlockFlow (positioned) DIV class='container'", | 210 "object": "LayoutBlockFlow (positioned) DIV class='container'", |
| 211 "reason": "forced by layout" | 211 "reason": "geometry" |
| 212 }, | 212 }, |
| 213 { | 213 { |
| 214 "object": "LayoutBlockFlow DIV class='parent'", | 214 "object": "LayoutBlockFlow DIV class='parent'", |
| 215 "reason": "forced by layout" | 215 "reason": "geometry" |
| 216 }, | 216 }, |
| 217 { | 217 { |
| 218 "object": "RootInlineBox", | 218 "object": "RootInlineBox", |
| 219 "reason": "forced by layout" | 219 "reason": "geometry" |
| 220 }, | 220 }, |
| 221 { | 221 { |
| 222 "object": "LayoutBlockFlow (relative positioned) DIV class='child'", | 222 "object": "LayoutBlockFlow (relative positioned) DIV class='child'", |
| 223 "reason": "forced by layout" | 223 "reason": "geometry" |
| 224 } | 224 } |
| 225 ] | 225 ] |
| 226 } | 226 } |
| 227 | 227 |
| OLD | NEW |