| OLD | NEW |
| 1 lorem ipsumlorem ipsumlorem ipsum | 1 lorem ipsumlorem ipsumlorem ipsum |
| 2 { | 2 { |
| 3 "layers": [ | 3 "layers": [ |
| 4 { | 4 { |
| 5 "name": "LayoutView #document", | 5 "name": "LayoutView #document", |
| 6 "bounds": [800, 600], | 6 "bounds": [800, 600], |
| 7 "contentsOpaque": true, | 7 "contentsOpaque": true, |
| 8 "drawsContent": true | 8 "drawsContent": true |
| 9 }, | 9 }, |
| 10 { | 10 { |
| 11 "name": "Squashing Containment Layer", | 11 "name": "Squashing Containment Layer", |
| 12 "shouldFlattenTransform": false | 12 "shouldFlattenTransform": false |
| 13 }, | 13 }, |
| 14 { | 14 { |
| 15 "name": "LayoutBlockFlow DIV class='overlap'", | 15 "name": "LayoutBlockFlow DIV class='overlap'", |
| 16 "position": [8, 8], | 16 "position": [8, 8], |
| 17 "bounds": [300, 500] | 17 "bounds": [300, 500] |
| 18 }, | 18 }, |
| 19 { | 19 { |
| 20 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (positione
d) DIV class='item')", | 20 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (positione
d) DIV class='item')", |
| 21 "position": [15, 35], | 21 "position": [15, 35], |
| 22 "bounds": [100, 210], | 22 "bounds": [100, 210], |
| 23 "drawsContent": true, | 23 "drawsContent": true, |
| 24 "paintInvalidations": [ | 24 "paintInvalidations": [ |
| 25 { | 25 { |
| 26 "object": "LayoutText #text", | 26 "object": "LayoutText #text", |
| 27 "rect": [0, 80, 40, 39], | 27 "rect": [0, 80, 40, 39], |
| 28 "reason": "bounds change" | 28 "reason": "geometry" |
| 29 } | 29 } |
| 30 ] | 30 ] |
| 31 } | 31 } |
| 32 ], | 32 ], |
| 33 "objectPaintInvalidations": [ | 33 "objectPaintInvalidations": [ |
| 34 { | 34 { |
| 35 "object": "LayoutBlockFlow (positioned) DIV id='item1' class='item'", | 35 "object": "LayoutBlockFlow (positioned) DIV id='item1' class='item'", |
| 36 "reason": "selection" | 36 "reason": "selection" |
| 37 }, | 37 }, |
| 38 { | 38 { |
| 39 "object": "LayoutBlockFlow DIV class='inline-block'", | 39 "object": "LayoutBlockFlow DIV class='inline-block'", |
| 40 "reason": "selection" | 40 "reason": "selection" |
| 41 }, | 41 }, |
| 42 { | 42 { |
| 43 "object": "LayoutText #text", | 43 "object": "LayoutText #text", |
| 44 "reason": "bounds change" | 44 "reason": "geometry" |
| 45 }, | 45 }, |
| 46 { | 46 { |
| 47 "object": "InlineTextBox 'lorem'", | 47 "object": "InlineTextBox 'lorem'", |
| 48 "reason": "bounds change" | 48 "reason": "geometry" |
| 49 }, | 49 }, |
| 50 { | 50 { |
| 51 "object": "InlineTextBox 'ipsum'", | 51 "object": "InlineTextBox 'ipsum'", |
| 52 "reason": "bounds change" | 52 "reason": "geometry" |
| 53 } | 53 } |
| 54 ] | 54 ] |
| 55 } | 55 } |
| 56 { | 56 { |
| 57 "layers": [ | 57 "layers": [ |
| 58 { | 58 { |
| 59 "name": "LayoutView #document", | 59 "name": "LayoutView #document", |
| 60 "bounds": [800, 600], | 60 "bounds": [800, 600], |
| 61 "contentsOpaque": true, | 61 "contentsOpaque": true, |
| 62 "drawsContent": true | 62 "drawsContent": true |
| 63 }, | 63 }, |
| 64 { | 64 { |
| 65 "name": "Squashing Containment Layer", | 65 "name": "Squashing Containment Layer", |
| 66 "shouldFlattenTransform": false | 66 "shouldFlattenTransform": false |
| 67 }, | 67 }, |
| 68 { | 68 { |
| 69 "name": "LayoutBlockFlow DIV class='overlap'", | 69 "name": "LayoutBlockFlow DIV class='overlap'", |
| 70 "position": [8, 8], | 70 "position": [8, 8], |
| 71 "bounds": [300, 500] | 71 "bounds": [300, 500] |
| 72 }, | 72 }, |
| 73 { | 73 { |
| 74 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (positione
d) DIV class='item')", | 74 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (positione
d) DIV class='item')", |
| 75 "position": [15, 35], | 75 "position": [15, 35], |
| 76 "bounds": [100, 210], | 76 "bounds": [100, 210], |
| 77 "drawsContent": true, | 77 "drawsContent": true, |
| 78 "paintInvalidations": [ | 78 "paintInvalidations": [ |
| 79 { | 79 { |
| 80 "object": "LayoutText #text", | 80 "object": "LayoutText #text", |
| 81 "rect": [0, 80, 42, 39], | 81 "rect": [0, 80, 42, 39], |
| 82 "reason": "bounds change" | 82 "reason": "geometry" |
| 83 }, | 83 }, |
| 84 { | 84 { |
| 85 "object": "LayoutText #text", | 85 "object": "LayoutText #text", |
| 86 "rect": [0, 160, 40, 39], | 86 "rect": [0, 160, 40, 39], |
| 87 "reason": "bounds change" | 87 "reason": "geometry" |
| 88 } | 88 } |
| 89 ] | 89 ] |
| 90 } | 90 } |
| 91 ], | 91 ], |
| 92 "objectPaintInvalidations": [ | 92 "objectPaintInvalidations": [ |
| 93 { | 93 { |
| 94 "object": "LayoutBlockFlow (positioned) DIV id='item1' class='item'", | 94 "object": "LayoutBlockFlow (positioned) DIV id='item1' class='item'", |
| 95 "reason": "selection" | 95 "reason": "selection" |
| 96 }, | 96 }, |
| 97 { | 97 { |
| 98 "object": "LayoutBlockFlow DIV class='inline-block'", | 98 "object": "LayoutBlockFlow DIV class='inline-block'", |
| 99 "reason": "selection" | 99 "reason": "selection" |
| 100 }, | 100 }, |
| 101 { | 101 { |
| 102 "object": "LayoutText #text", | 102 "object": "LayoutText #text", |
| 103 "reason": "bounds change" | 103 "reason": "geometry" |
| 104 }, | 104 }, |
| 105 { | 105 { |
| 106 "object": "InlineTextBox 'lorem'", | 106 "object": "InlineTextBox 'lorem'", |
| 107 "reason": "bounds change" | 107 "reason": "geometry" |
| 108 }, | 108 }, |
| 109 { | 109 { |
| 110 "object": "InlineTextBox 'ipsum'", | 110 "object": "InlineTextBox 'ipsum'", |
| 111 "reason": "bounds change" | 111 "reason": "geometry" |
| 112 }, | 112 }, |
| 113 { | 113 { |
| 114 "object": "LayoutBlockFlow (positioned) DIV id='item2' class='item'", | 114 "object": "LayoutBlockFlow (positioned) DIV id='item2' class='item'", |
| 115 "reason": "selection" | 115 "reason": "selection" |
| 116 }, | 116 }, |
| 117 { | 117 { |
| 118 "object": "LayoutBlockFlow DIV class='inline-block'", | 118 "object": "LayoutBlockFlow DIV class='inline-block'", |
| 119 "reason": "selection" | 119 "reason": "selection" |
| 120 }, | 120 }, |
| 121 { | 121 { |
| 122 "object": "LayoutText #text", | 122 "object": "LayoutText #text", |
| 123 "reason": "bounds change" | 123 "reason": "geometry" |
| 124 }, | 124 }, |
| 125 { | 125 { |
| 126 "object": "InlineTextBox 'lorem'", | 126 "object": "InlineTextBox 'lorem'", |
| 127 "reason": "bounds change" | 127 "reason": "geometry" |
| 128 }, | 128 }, |
| 129 { | 129 { |
| 130 "object": "InlineTextBox 'ipsum'", | 130 "object": "InlineTextBox 'ipsum'", |
| 131 "reason": "bounds change" | 131 "reason": "geometry" |
| 132 } | 132 } |
| 133 ] | 133 ] |
| 134 } | 134 } |
| 135 | 135 |
| OLD | NEW |