| OLD | NEW |
| 1 { | 1 { |
| 2 "name": "Content Root Layer", | 2 "name": "Content Root Layer", |
| 3 "bounds": [800, 600], | 3 "bounds": [800, 600], |
| 4 "children": [ | 4 "children": [ |
| 5 { | 5 { |
| 6 "name": "LayoutView #document", | 6 "name": "LayoutView #document", |
| 7 "bounds": [800, 600], | 7 "bounds": [800, 600], |
| 8 "contentsOpaque": true, | 8 "contentsOpaque": true, |
| 9 "drawsContent": true, | 9 "drawsContent": true, |
| 10 "paintInvalidations": [ | 10 "paintInvalidations": [ |
| 11 { | 11 { |
| 12 "object": "LayoutBlockFlow DIV class='item1'", | 12 "object": "LayoutBlockFlow DIV class='item1'", |
| 13 "rect": [24, 52, 52, 152], | 13 "rect": [0, 52, 100, 300], |
| 14 "reason": "style change" | 14 "reason": "bounds change" |
| 15 }, | 15 }, |
| 16 { | 16 { |
| 17 "object": "LayoutBlockFlow DIV class='item1'", | 17 "object": "LayoutBlockFlow DIV class='item3'", |
| 18 "rect": [0, 52, 52, 152], | 18 "rect": [150, 52, 50, 300], |
| 19 "reason": "style change" | 19 "reason": "bounds change" |
| 20 }, | 20 }, |
| 21 { | 21 { |
| 22 "object": "LayoutBlockFlow DIV class='item2'", | 22 "object": "LayoutBlockFlow DIV class='item2'", |
| 23 "rect": [148, 52, 52, 150], | 23 "rect": [125, 52, 50, 300], |
| 24 "reason": "style change" | 24 "reason": "bounds change" |
| 25 }, |
| 26 { |
| 27 "object": "LayoutBlockFlow DIV class='item3'", |
| 28 "rect": [125, 52, 50, 300], |
| 29 "reason": "bounds change" |
| 25 }, | 30 }, |
| 26 { | 31 { |
| 27 "object": "LayoutBlockFlow DIV class='item2'", | 32 "object": "LayoutBlockFlow DIV class='item2'", |
| 28 "rect": [124, 52, 52, 150], | 33 "rect": [100, 52, 50, 300], |
| 29 "reason": "style change" | 34 "reason": "bounds change" |
| 30 } | 35 } |
| 31 ] | 36 ] |
| 32 } | 37 } |
| 33 ], | 38 ], |
| 34 "objectPaintInvalidations": [ | 39 "objectPaintInvalidations": [ |
| 35 { | 40 { |
| 36 "object": "LayoutBlockFlow DIV class='item1'", | 41 "object": "LayoutBlockFlow DIV class='item1'", |
| 37 "reason": "style change" | 42 "reason": "bounds change" |
| 38 }, | 43 }, |
| 39 { | 44 { |
| 40 "object": "LayoutBlockFlow DIV", | 45 "object": "LayoutBlockFlow DIV", |
| 41 "reason": "location change" | 46 "reason": "location change" |
| 42 }, | 47 }, |
| 43 { | 48 { |
| 44 "object": "LayoutBlockFlow DIV class='item2'", | 49 "object": "LayoutBlockFlow DIV class='item2'", |
| 45 "reason": "style change" | 50 "reason": "bounds change" |
| 46 }, | 51 }, |
| 47 { | 52 { |
| 48 "object": "LayoutBlockFlow DIV", | 53 "object": "LayoutBlockFlow DIV", |
| 54 "reason": "location change" |
| 55 }, |
| 56 { |
| 57 "object": "LayoutBlockFlow DIV class='item3'", |
| 58 "reason": "bounds change" |
| 59 }, |
| 60 { |
| 61 "object": "LayoutBlockFlow DIV", |
| 49 "reason": "location change" | 62 "reason": "location change" |
| 50 } | 63 } |
| 51 ] | 64 ] |
| 52 } | 65 } |
| 53 | 66 |
| OLD | NEW |