CASE 1, original layer tree { "bounds": [800, 600], "children": [ { "bounds": [800, 600], "contentsOpaque": true, "drawsContent": true, "children": [ { "children": [ { "position": [100, 100], "bounds": [100, 100], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#0000FF" }, { "position": [-1, -1], "bounds": [281, 281], "drawsContent": true } ] } ] } ] } CASE 2, hovering over the outer div { "bounds": [800, 600], "children": [ { "bounds": [800, 600], "contentsOpaque": true, "drawsContent": true, "children": [ { "children": [ { "position": [100, 100], "bounds": [100, 100], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#0000FF" }, { "position": [-1, -1], "bounds": [281, 281], "drawsContent": true, "repaintRects": [ [0, 0, 142, 142] ] } ] } ] } ] } CASE 3, hovering over the inner div { "bounds": [800, 600], "children": [ { "bounds": [800, 600], "contentsOpaque": true, "drawsContent": true, "children": [ { "children": [ { "position": [100, 100], "bounds": [100, 100], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#0000FF" }, { "position": [-1, -1], "bounds": [281, 281], "drawsContent": true, "repaintRects": [ [32, 32, 71, 71], [0, 0, 142, 142] ] } ] } ] } ] }