{
  "name": "Content Root Layer",
  "bounds": [800, 600],
  "children": [
    {
      "name": "LayoutView #document",
      "bounds": [800, 600],
      "contentsOpaque": true,
      "drawsContent": true,
      "paintInvalidations": [
        {
          "object": "LayoutBlockFlow DIV id='overflow2'",
          "rect": [0, 200, 200, 200],
          "reason": "style change"
        },
        {
          "object": "LayoutBlockFlow DIV id='overflow1'",
          "rect": [0, 0, 200, 200],
          "reason": "style change"
        },
        {
          "object": "LayoutBlockFlow (relative positioned) DIV class='composited-child overflow-child'",
          "rect": [150, 400, 100, 50],
          "reason": "incremental"
        },
        {
          "object": "LayoutBlockFlow (relative positioned) DIV class='composited-child overflow-child'",
          "rect": [150, 200, 100, 50],
          "reason": "incremental"
        },
        {
          "object": "LayoutBlockFlow (relative positioned) DIV class='composited-child overflow-child'",
          "rect": [200, 350, 50, 100],
          "reason": "incremental"
        },
        {
          "object": "LayoutBlockFlow (relative positioned) DIV class='composited-child overflow-child'",
          "rect": [200, 150, 50, 100],
          "reason": "incremental"
        }
      ]
    }
  ],
  "objectPaintInvalidations": [
    {
      "object": "LayoutBlockFlow DIV id='overflow1'",
      "reason": "style change"
    },
    {
      "object": "LayoutBlockFlow (relative positioned) DIV class='composited-child overflow-child'",
      "reason": "incremental"
    },
    {
      "object": "LayoutBlockFlow DIV id='overflow2'",
      "reason": "style change"
    },
    {
      "object": "LayoutBlockFlow (relative positioned) DIV class='composited-child overflow-child'",
      "reason": "incremental"
    }
  ]
}

