Commit 1017e359 authored by Philip Rogers's avatar Philip Rogers Committed by Commit Bot

Revert "[BlinkGenPropertyTrees] Promote BGPT to experimental"

This reverts commit 4e8eb7fb.

Reason for revert: Causes crashes, see 898668

Original change's description:
> [BlinkGenPropertyTrees] Promote BGPT to experimental
> 
> BlinkGenPropertyTrees (BGPT) is an incremental step towards making
> compositing decisions after the paint lifecycle phase. The primary
> changes are to build property trees in blink and send a layer list to
> the compositor, rather than building property trees in cc from a layer
> tree. This patch marks the project as experimental which will give us
> test and perf coverage on the bots.
> 
> Sheriffs: This shifts time (e.g., we now run PaintArtifactCompositor
> and no longer run the cc property tree builder) and will likely change
> performance benchmarks. Because this is an initial trial, feel free to
> roll this patch out.
> 
> Bug: 836884
> Change-Id: Ib867beebbead940162db0801822389f76e8eb8dc
> Reviewed-on: https://chromium-review.googlesource.com/c/1294204
> Reviewed-by: Xianzhu Wang <wangxianzhu@chromium.org>
> Commit-Queue: Philip Rogers <pdr@chromium.org>
> Cr-Commit-Position: refs/heads/master@{#602150}

TBR=wangxianzhu@chromium.org,pdr@chromium.org

# Not skipping CQ checks because original CL landed > 1 day ago.

Bug: 836884, 898668
Change-Id: I95698da07a0015369748a5fb9a98cd3d85399d9c
Reviewed-on: https://chromium-review.googlesource.com/c/1305819Reviewed-by: default avatarPhilip Rogers <pdr@chromium.org>
Reviewed-by: default avatarXianzhu Wang <wangxianzhu@chromium.org>
Commit-Queue: Philip Rogers <pdr@chromium.org>
Cr-Commit-Position: refs/heads/master@{#603710}
parent 974a690c
# Expectations for --enable-blink-gen-property-trees
# TODO(pdr): Remove these expectations as blink-gen-property-trees is enabled as
# experimental and runs by default on layout tests.
# We are focused on scrolling, compositing, animations, threading, and paint
# related tests with all other directories skipped to improve bot cycle time.
Bug(none) app_banner/ [ Skip ]
Bug(none) battery-status/ [ Skip ]
......@@ -107,3 +107,57 @@ Bug(none) webmidi/ [ Skip ]
Bug(none) webshare/ [ Skip ]
Bug(none) xmlviewer/ [ Skip ]
Bug(none) xr/ [ Skip ]
# These tests failed in normal mode but are fixed with BlinkGenPropertyTrees.
Bug(none) compositing/overflow/clip-escaping-reverse-order-should-not-crash.html [ Pass ]
Bug(none) compositing/overflow/composited-scroll-with-fractional-translation.html [ Pass ]
Bug(none) virtual/prefer_compositing_to_lcd_text/compositing/overflow/clip-escaping-reverse-order-should-not-crash.html [ Pass ]
Bug(none) virtual/prefer_compositing_to_lcd_text/compositing/overflow/composited-scroll-with-fractional-translation.html [ Pass ]
crbug.com/865039 compositing/masks/mask-with-added-filters.html [ Pass ]
# Link highlights are no longer affected by ancestor effects.
crbug.com/857501 compositing/gestures/gesture-tapHighlight-with-filter.html [ Pass ]
crbug.com/400829 media/video-object-fit.html [ Pass ]
crbug.com/400829 compositing/composited-canvas-with-overflowing-object-fit.html [ Pass ]
# These tests are no longer applicable with layer list mode.
# Move to NeverFixTests later.
Bug(none) http/tests/devtools/layers/layer-sticky-position-constraint-get.js [ Skip ]
Bug(none) inspector-protocol/layers/get-layers.js [ Skip ]
# Backdrop filters are experimental (behind a flag) and do not really work with
# or without BlinkGenPropertyTrees. These tests are marked as failing because
# the expectations differ, but these do not block BlinkGenPropertyTrees.
crbug.com/854189 css3/filters/backdrop-filter-rendering-no-background.html [ Failure ]
crbug.com/854189 css3/filters/backdrop-filter-rendering.html [ Failure ]
# These scrolling tests should pass.
crbug.com/836913 virtual/threaded/external/wpt/css/css-scroll-snap/snap-at-user-scroll-end-manual.html [ Timeout ]
# Reflection / mask ordering issue
crbug.com/767318 compositing/reflections/nested-reflection-mask-change.html [ Failure ]
# One line of pixels different when clipping the scrollbar.
Bug(none) virtual/prefer_compositing_to_lcd_text/compositing/overflow/scaled-overflow.html [ Failure ]
Bug(none) compositing/overflow/scaled-overflow.html [ Failure ]
# Incorrect scrollbar invalidation.
crbug.com/887000 virtual/prefer_compositing_to_lcd_text/scrollbars/hidden-scrollbars-invisible.html [ Failure ]
crbug.com/882975 virtual/threaded/fast/events/pinch/gesture-pinch-zoom-prevent-in-handler.html [ Failure Pass ]
crbug.com/882975 virtual/threaded/fast/events/pinch/scroll-visual-viewport-send-boundary-events.html [ Failure Pass ]
crbug.com/882975 virtual/threaded/synthetic_gestures/synthetic-pinch-zoom-gesture-touchscreen-desktop.html [ Failure Pass ]
crbug.com/882973 http/tests/devtools/layers/layer-tree-model.js [ Failure ]
crbug.com/884239 virtual/threaded/animations/animationworklet/worklet-animation-local-time-undefined.html [ Failure ]
# These tests have failures that were introduced between enabling BGPT for the
# first time and later disabling it. These are not real failures and can be
# rebaselined.
Bug(none) compositing/geometry/foreground-layer.html [ Failure ]
Bug(none) compositing/iframes/become-composited-nested-iframes.html [ Failure ]
Bug(none) compositing/iframes/invisible-nested-iframe-show.html [ Failure ]
Bug(none) compositing/iframes/overlapped-nested-iframes.html [ Failure ]
Bug(none) paint/invalidation/compositing/repaint-overflow-scrolled-squashed-content.html [ Failure ]
Bug(none) paint/invalidation/video-paint-invalidation.html [ Failure ]
Bug(none) virtual/android/fullscreen/video-overlay-scroll.html [ Failure ]
......@@ -1292,3 +1292,18 @@ Bug(none) compositing/overflow/overlap-testing-ancestor-scroller-high-dpi.html [
Bug(none) virtual/outofblink-cors-ns/http/tests/navigation/same-document-scroll-position-restore.html [ Timeout ]
Bug(none) virtual/threaded/external/wpt/css/css-scroll-snap/snap-at-user-scroll-end-manual.html [ Timeout ]
Bug(none) synthetic_gestures/animated-wheel-tiny-delta.html [ Failure ]
# These tests have failures that were introduced between enabling BGPT for the
# first time and later disabling it. These are not real failures and can be
# rebaselined.
Bug(none) compositing/overflow/siblings-composited-with-border-radius-ancestor.html [ Failure ]
Bug(none) compositing/composited-translated-child-with-border-radius-parent-clip.html [ Failure ]
Bug(none) compositing/composited-scaled-child-with-border-radius-parent-clip.html [ Failure ]
Bug(none) compositing/overflow/border-radius-on-two-ancestors-composited-grandchild.html [ Failure ]
Bug(none) compositing/overflow/border-radius-on-parent-composited-grandchild.html [ Failure ]
Bug(none) compositing/overflow-trumps-transform-style.html [ Failure ]
Bug(none) compositing/overflow/border-radius-on-grandparent-composited-grandchild.html [ Failure ]
Bug(none) compositing/overflow/siblings-composited-with-border-radius-ancestor-one-clipped.html [ Failure ]
Bug(none) compositing/overflow/grandchild-with-border-radius-ancestor.html [ Failure ]
Bug(none) compositing/overflow/siblings-with-border-radius-ancestor.html [ Failure ]
Bug(none) compositing/overflow/grandchild-composited-with-border-radius-ancestor.html [ Failure ]
......@@ -307,13 +307,6 @@ crbug.com/805134 virtual/threaded/http/tests/devtools/tracing/scroll-invalidatio
crbug.com/807395 fast/multicol/mixed-opacity-test.html [ Failure ]
# End of Slimming paint v1.75
crbug.com/767318 compositing/reflections/nested-reflection-mask-change.html [ Failure ]
crbug.com/854189 css3/filters/backdrop-filter-rendering-no-background.html [ Failure ]
crbug.com/854189 css3/filters/backdrop-filter-rendering.html [ Failure ]
crbug.com/882973 http/tests/devtools/layers/layer-tree-model.js [ Failure ]
crbug.com/887000 virtual/prefer_compositing_to_lcd_text/scrollbars/hidden-scrollbars-invisible.html [ Failure ]
crbug.com/898176 external/wpt/web-animations/timing-model/timelines/timelines.html [ Failure ]
########## Ref tests can't be rebaselined ##########
crbug.com/504613 crbug.com/524248 [ Mac ] paint/images/image-backgrounds-not-antialiased.html [ Failure ]
......@@ -2521,8 +2514,11 @@ crbug.com/674225 [ Mac ] fast/replaced/input-radio-height-inside-auto-container.
crbug.com/400841 media/video-canvas-draw.html [ Failure ]
crbug.com/400841 virtual/video-surface-layer/media/video-canvas-draw.html [ Failure ]
crbug.com/400829 media/video-object-fit.html [ Failure ]
crbug.com/400829 virtual/video-surface-layer/media/video-object-fit.html [ Failure ]
crbug.com/400829 virtual/stable/media/stable/video-object-fit-stable.html [ Failure ]
crbug.com/400829 virtual/video-surface-layer/media/stable/video-object-fit-stable.html [ Failure ]
crbug.com/400829 compositing/composited-canvas-with-overflowing-object-fit.html [ Failure ]
crbug.com/400829 virtual/gpu/fast/canvas/canvas-with-overflowing-object-fit.html [ Failure ]
# We only want to run one of the web-animations-api tests in stable mode.
......@@ -4493,6 +4489,10 @@ crbug.com/765116 external/wpt/xhr/responsexml-document-properties.htm [ Failure
crbug.com/765116 virtual/outofblink-cors/external/wpt/xhr/responsexml-document-properties.htm [ Failure ]
crbug.com/765116 virtual/outofblink-cors-ns/external/wpt/xhr/responsexml-document-properties.htm [ Failure ]
# Link highlights currently paint under ancestor affects but this is being
# changed with BlinkGenPropertyTrees. Until that launches, this test will fail.
crbug.com/857501 compositing/gestures/gesture-tapHighlight-with-filter.html [ Failure ]
crbug.com/716320 external/wpt/html/infrastructure/safe-passing-of-structured-data/shared-array-buffers/broadcastchannel-success-and-failure.html [ Failure Timeout ]
crbug.com/716320 external/wpt/html/infrastructure/safe-passing-of-structured-data/shared-array-buffers/broadcastchannel-success.html [ Failure Timeout ]
crbug.com/716320 [ Android ] external/wpt/html/infrastructure/safe-passing-of-structured-data/shared-array-buffers/window-messagechannel-success.html [ Failure Timeout ]
......@@ -4771,6 +4771,10 @@ crbug.com/766129 svg/wicd/test-rightsizing-b.xhtml [ Failure Pass ]
# Antialiasing error
crbug.com/845973 virtual/display-compositor-pixel-dump/fast/canvas/display-compositor-pixel-dump/OffscreenCanvas-opaque-background-compositing.html [ Pass Failure ]
# Workaround crbug.com/817175 . Very difficult to fix with old-world compositing. Pass with SPv2.
crbug.com/817175 compositing/overflow/clip-escaping-reverse-order-should-not-crash.html [ Failure ]
crbug.com/817175 virtual/prefer_compositing_to_lcd_text/compositing/overflow/clip-escaping-reverse-order-should-not-crash.html [ Failure ]
# Tests occasionaly timing out (flaky) on WebKit Win7 dbg builder
crbug.com/757955 [ Win7 Debug ] http/tests/devtools/sources/debugger-pause/pause-on-elements-panel.js [ Pass Timeout ]
crbug.com/757955 [ Win7 Debug ] storage/indexeddb/mozilla/cursors.html [ Pass Timeout ]
......
......@@ -9,6 +9,10 @@
"bounds": [800, 600],
"drawsContent": false
},
{
"name": "Overscroll Elasticity Layer",
"drawsContent": false
},
{
"name": "Page Scale Layer",
"drawsContent": false
......
......@@ -25,6 +25,12 @@ Test CSS clip with composited layers. Left and right sides should look the same.
"backgroundColor": "#808080",
"transform": 2
},
{
"name": "Ancestor Clipping Layer",
"position": [215, 15],
"bounds": [110, 110],
"drawsContent": false
},
{
"name": "LayoutBlockFlow (relative positioned) DIV class='composited inner'",
"bounds": [120, 120],
......@@ -59,7 +65,8 @@ Test CSS clip with composited layers. Left and right sides should look the same.
[0, 1, 0, 0],
[0, 0, 1, 0],
[210, 10, 0, 1]
]
],
"flattenInheritedTransform": false
},
{
"id": 4,
......@@ -69,7 +76,8 @@ Test CSS clip with composited layers. Left and right sides should look the same.
[0, 1, 0, 0],
[0, 0, 1, 0],
[0, 0, 1, 1]
]
],
"flattenInheritedTransform": false
}
]
}
......
......@@ -26,6 +26,12 @@ Test CSS clip with composited layers. Left and right sides should look the same.
"backgroundColor": "#808080",
"transform": 2
},
{
"name": "Ancestor Clipping Layer",
"position": [225, 35],
"bounds": [90, 80],
"drawsContent": false
},
{
"name": "LayoutBlockFlow (relative positioned) DIV class='composited inner'",
"bounds": [120, 120],
......@@ -60,7 +66,8 @@ Test CSS clip with composited layers. Left and right sides should look the same.
[0, 1, 0, 0],
[0, 0, 1, 0],
[210, 10, 0, 1]
]
],
"flattenInheritedTransform": false
},
{
"id": 4,
......@@ -70,7 +77,8 @@ Test CSS clip with composited layers. Left and right sides should look the same.
[0, 1, 0, 0],
[0, 0, 1, 0],
[0, 0, 1, 1]
]
],
"flattenInheritedTransform": false
}
]
}
......
......@@ -23,6 +23,12 @@
"backgroundColor": "#808080",
"transform": 2
},
{
"name": "Ancestor Clipping Layer",
"position": [215, 15],
"bounds": [110, 110],
"drawsContent": false
},
{
"name": "LayoutBlockFlow (relative positioned) DIV class='composited inner'",
"bounds": [120, 120],
......@@ -57,7 +63,8 @@
[0, 1, 0, 0],
[0, 0, 1, 0],
[210, 10, 0, 1]
]
],
"flattenInheritedTransform": false
},
{
"id": 4,
......@@ -67,7 +74,8 @@
[0, 1, 0, 0],
[0, 0, 1, 0],
[0, 0, 1, 1]
]
],
"flattenInheritedTransform": false
}
]
}
......
......@@ -42,6 +42,13 @@
"backgroundColor": "#FF0000",
"transform": 4
},
{
"name": "Child Containment Layer",
"position": [59, 59],
"bounds": [200, 200],
"drawsContent": false,
"transform": 4
},
{
"name": "LayoutBlockFlow (positioned) DIV class='negative child'",
"bounds": [50, 50],
......@@ -50,7 +57,8 @@
},
{
"name": "LayoutBlockFlow (relative positioned) DIV class='main box' (foreground) Layer",
"bounds": [318, 318],
"position": [59, 59],
"bounds": [200, 200],
"transform": 4
}
],
......
......@@ -27,6 +27,12 @@
"position": [22, 122],
"bounds": [280, 200]
},
{
"name": "Child Containment Layer",
"position": [22, 122],
"bounds": [280, 200],
"drawsContent": false
},
{
"name": "LayoutIFrame IFRAME",
"position": [30, 130],
......@@ -38,6 +44,12 @@
"bounds": [250, 170],
"backgroundColor": "#C0C0C0"
},
{
"name": "Child Containment Layer",
"position": [31, 131],
"bounds": [250, 170],
"drawsContent": false
},
{
"name": "LayoutBlockFlow DIV id='iframe-content' class='box'",
"bounds": [210, 210],
......@@ -55,6 +67,12 @@
"position": [22, 346],
"bounds": [280, 200]
},
{
"name": "Child Containment Layer",
"position": [22, 346],
"bounds": [280, 200],
"drawsContent": false
},
{
"name": "LayoutIFrame IFRAME",
"position": [30, 354],
......@@ -66,6 +84,12 @@
"bounds": [250, 170],
"backgroundColor": "#C0C0C0"
},
{
"name": "Child Containment Layer",
"position": [31, 355],
"bounds": [250, 170],
"drawsContent": false
},
{
"name": "LayoutBlockFlow DIV id='iframe-content' class='box'",
"bounds": [210, 210],
......
......@@ -50,6 +50,12 @@
"bounds": [250, 170],
"backgroundColor": "#C0C0C0"
},
{
"name": "Child Containment Layer",
"position": [32, 32],
"bounds": [250, 170],
"drawsContent": false
},
{
"name": "LayoutBlockFlow DIV id='iframe-content' class='box'",
"bounds": [210, 210],
......
......@@ -27,6 +27,12 @@
"bounds": [300, 300],
"backgroundColor": "#C0C0C0"
},
{
"name": "Child Containment Layer",
"position": [2, 2],
"bounds": [300, 300],
"drawsContent": false
},
{
"name": "LayoutBlockFlow DIV id='iframe-content' class='box'",
"bounds": [210, 210],
......
......@@ -30,6 +30,13 @@
"bounds": [280, 200],
"transform": 1
},
{
"name": "Child Containment Layer",
"position": [22, 152],
"bounds": [280, 200],
"drawsContent": false,
"transform": 1
},
{
"name": "LayoutIFrame IFRAME",
"position": [30, 160],
......@@ -43,6 +50,13 @@
"backgroundColor": "#C0C0C0",
"transform": 1
},
{
"name": "Child Containment Layer",
"position": [31, 161],
"bounds": [250, 170],
"drawsContent": false,
"transform": 1
},
{
"name": "LayoutBlockFlow DIV id='iframe-content' class='box'",
"bounds": [210, 210],
......@@ -62,6 +76,13 @@
"bounds": [280, 200],
"transform": 1
},
{
"name": "Child Containment Layer",
"position": [22, 376],
"bounds": [280, 200],
"drawsContent": false,
"transform": 1
},
{
"name": "LayoutIFrame IFRAME",
"position": [30, 384],
......@@ -75,6 +96,13 @@
"backgroundColor": "#C0C0C0",
"transform": 1
},
{
"name": "Child Containment Layer",
"position": [31, 385],
"bounds": [250, 170],
"drawsContent": false,
"transform": 1
},
{
"name": "LayoutBlockFlow DIV id='iframe-content' class='box'",
"bounds": [210, 210],
......
......@@ -33,7 +33,9 @@
"bounds": [306, 206]
},
{
"name": "Squashing Containment Layer",
"name": "Ancestor Clipping Layer",
"position": [23, 23],
"bounds": [285, 200],
"drawsContent": false
},
{
......
......@@ -31,6 +31,12 @@
"contentsOpaque": true,
"backgroundColor": "#FFFFFF"
},
{
"name": "Child Containment Layer",
"position": [59, 231],
"bounds": [120, 460],
"drawsContent": false
},
{
"name": "LayoutBlockFlow (relative positioned) DIV class='box gray force-layer'",
"bounds": [100, 100],
......
......@@ -22,6 +22,12 @@
"position": [8, 8],
"bounds": [122, 242]
},
{
"name": "Child Containment Layer",
"position": [9, 9],
"bounds": [120, 240],
"drawsContent": false
},
{
"name": "LayoutBlockFlow (relative positioned) DIV id='to-animate' class='animating box'",
"bounds": [100, 100],
......
......@@ -17,6 +17,12 @@
"contentsOpaque": true,
"backgroundColor": "#FFFFFF"
},
{
"name": "Ancestor Clipping Layer",
"position": [50, 50],
"bounds": [100, 100],
"drawsContent": false
},
{
"name": "LayoutBlockFlow DIV id='child'",
"bounds": [500, 100],
......@@ -49,7 +55,8 @@
[0, 1, 0, 0],
[0, 0, 1, 0],
[50, 50, 0, 1]
]
],
"flattenInheritedTransform": false
},
{
"id": 2,
......
......@@ -22,6 +22,12 @@
"bounds": [100, 100],
"transform": 1
},
{
"name": "Child Containment Layer",
"bounds": [100, 100],
"drawsContent": false,
"transform": 1
},
{
"name": "Squashing Containment Layer",
"drawsContent": false,
......
......@@ -22,6 +22,12 @@
"position": [8, 8],
"bounds": [122, 242]
},
{
"name": "Child Containment Layer",
"position": [9, 9],
"bounds": [120, 240],
"drawsContent": false
},
{
"name": "LayoutBlockFlow (relative positioned) DIV class='transformed box'",
"bounds": [100, 100],
......
......@@ -18,7 +18,9 @@
"backgroundColor": "#FFFFFF"
},
{
"name": "Squashing Containment Layer",
"name": "Ancestor Clipping Layer",
"position": [8, 8],
"bounds": [100, 100],
"drawsContent": false
},
{
......
......@@ -9,34 +9,40 @@ Layer tree:
"drawsContent": false,
"children": [
{
"name": "Page Scale Layer",
"name": "Overscroll Elasticity Layer",
"drawsContent": false,
"children": [
{
"name": "Inner Viewport Scroll Layer",
"bounds": [800, 600],
"name": "Page Scale Layer",
"drawsContent": false,
"children": [
{
"name": "LayoutView #document",
"name": "Inner Viewport Scroll Layer",
"bounds": [800, 600],
"drawsContent": false,
"backgroundColor": "#FFFFFF",
"shouldFlattenTransform": false,
"children": [
{
"name": "Scrolling Layer",
"bounds": [780, 580],
"name": "LayoutView #document",
"bounds": [800, 600],
"drawsContent": false,
"flattenInheritedTransform": false,
"backgroundColor": "#FFFFFF",
"shouldFlattenTransform": false,
"children": [
{
"name": "Scrolling Contents Layer",
"bounds": [1200, 900],
"contentsOpaque": true,
"backgroundColor": "#FFFFFF",
"flattenInheritedTransform": false
"name": "Scrolling Layer",
"bounds": [780, 580],
"drawsContent": false,
"flattenInheritedTransform": false,
"shouldFlattenTransform": false,
"children": [
{
"name": "Scrolling Contents Layer",
"bounds": [1200, 900],
"contentsOpaque": true,
"backgroundColor": "#FFFFFF",
"flattenInheritedTransform": false
}
]
}
]
}
......@@ -85,6 +91,10 @@ Layer list
"bounds": [800, 600],
"drawsContent": false
},
{
"name": "Overscroll Elasticity Layer",
"drawsContent": false
},
{
"name": "Page Scale Layer",
"drawsContent": false
......
......@@ -59,12 +59,18 @@
"contentsOpaque": true,
"backgroundColor": "#008000"
},
{
"name": "Ancestor Clipping Layer",
"position": [12, 12],
"bounds": [80, 80],
"drawsContent": false,
"hasScrollParent": true
},
{
"name": "LayoutBlockFlow (relative positioned) DIV class='box red'",
"position": [22, 22],
"bounds": [100, 100],
"backgroundColor": "#FF000080",
"hasScrollParent": true
"backgroundColor": "#FF000080"
},
{
"name": "Squashing Containment Layer",
......
......@@ -17,6 +17,12 @@
"contentsOpaque": true,
"backgroundColor": "#FFFFFF"
},
{
"name": "Ancestor Clipping Layer",
"position": [48, 38],
"bounds": [60, 70],
"drawsContent": false
},
{
"name": "LayoutBlockFlow DIV class='box'",
"bounds": [100, 150],
......@@ -24,6 +30,12 @@
"backgroundColor": "#808080",
"transform": 2
},
{
"name": "Ancestor Clipping Layer",
"position": [240, 38],
"bounds": [60, 70],
"drawsContent": false
},
{
"name": "LayoutBlockFlow DIV class='box'",
"bounds": [100, 150],
......@@ -36,6 +48,12 @@
"position": [48, 230],
"bounds": [60, 70]
},
{
"name": "Child Containment Layer",
"position": [48, 230],
"bounds": [60, 70],
"drawsContent": false
},
{
"name": "LayoutBlockFlow DIV class='box'",
"bounds": [100, 150],
......@@ -48,6 +66,12 @@
"position": [240, 230],
"bounds": [60, 70]
},
{
"name": "Child Containment Layer",
"position": [240, 230],
"bounds": [60, 70],
"drawsContent": false
},
{
"name": "LayoutBlockFlow DIV class='box'",
"bounds": [100, 150],
......@@ -64,7 +88,8 @@
[0, 1, 0, 0],
[0, 0, 1, 0],
[50, 50, 0, 1]
]
],
"flattenInheritedTransform": false
},
{
"id": 2,
......@@ -74,7 +99,8 @@
[0, 1, 0, 0],
[0, 0, 1, 0],
[0, 0, 1, 1]
]
],
"flattenInheritedTransform": false
},
{
"id": 3,
......@@ -83,7 +109,8 @@
[0, 1, 0, 0],
[0, 0, 1, 0],
[242, 50, 0, 1]
]
],
"flattenInheritedTransform": false
},
{
"id": 4,
......@@ -93,7 +120,8 @@
[0, 1, 0, 0],
[0, 0, 1, 0],
[0, 0, 1, 1]
]
],
"flattenInheritedTransform": false
},
{
"id": 5,
......
......@@ -143,6 +143,12 @@
"bounds": [100, 100],
"transform": 4
},
{
"name": "Child Containment Layer",
"bounds": [100, 100],
"drawsContent": false,
"transform": 4
},
{
"name": "LayoutBlockFlow (positioned) DIV class='content'",
"bounds": [10, 10],
......
......@@ -23,6 +23,12 @@
"drawsContent": false,
"transform": 1
},
{
"name": "Child Containment Layer",
"bounds": [100, 100],
"drawsContent": false,
"transform": 1
},
{
"name": "LayoutBlockFlow (positioned) DIV id='vertical' class='content'",
"bounds": [10, 10],
......@@ -35,6 +41,12 @@
"drawsContent": false,
"transform": 2
},
{
"name": "Child Containment Layer",
"bounds": [100, 100],
"drawsContent": false,
"transform": 2
},
{
"name": "LayoutBlockFlow (positioned) DIV id='horizontal' class='content'",
"bounds": [10, 10],
......@@ -47,6 +59,12 @@
"drawsContent": false,
"transform": 3
},
{
"name": "Child Containment Layer",
"bounds": [100, 100],
"drawsContent": false,
"transform": 3
},
{
"name": "LayoutBlockFlow (positioned) DIV id='both' class='content'",
"bounds": [10, 10],
......@@ -59,6 +77,12 @@
"drawsContent": false,
"transform": 4
},
{
"name": "Child Containment Layer",
"bounds": [100, 100],
"drawsContent": false,
"transform": 4
},
{
"name": "LayoutBlockFlow (positioned) DIV class='content'",
"bounds": [10, 10],
......
......@@ -24,6 +24,12 @@
"contentsOpaque": true,
"backgroundColor": "#FF0000"
},
{
"name": "Child Containment Layer",
"position": [8, 8],
"bounds": [100, 100],
"drawsContent": false
},
{
"name": "LayoutBlockFlow (positioned) DIV",
"position": [8, 8],
......
......@@ -143,6 +143,12 @@
"bounds": [100, 100],
"transform": 4
},
{
"name": "Child Containment Layer",
"bounds": [100, 100],
"drawsContent": false,
"transform": 4
},
{
"name": "LayoutBlockFlow (positioned) DIV class='content'",
"bounds": [10, 10],
......
......@@ -17,11 +17,29 @@
"contentsOpaque": true,
"backgroundColor": "#FFFFFF"
},
{
"name": "Ancestor Clipping Layer",
"position": [8, 8],
"bounds": [1200, 800],
"drawsContent": false
},
{
"name": "LayoutBlockFlow (relative positioned) DIV id='positioned'",
"position": [8, 8],
"bounds": [1200, 800]
},
{
"name": "Child Containment Layer",
"position": [8, 8],
"bounds": [1200, 800],
"drawsContent": false
},
{
"name": "Ancestor Clipping Layer",
"position": [8, 8],
"bounds": [1200, 1000],
"drawsContent": false
},
{
"name": "LayoutBlockFlow DIV id='scroller'",
"position": [8, 8],
......@@ -44,6 +62,12 @@
"contentsOpaque": true,
"drawsContent": false
},
{
"name": "Overflow Controls Ancestor Clipping Layer",
"position": [8, 8],
"bounds": [1200, 1000],
"drawsContent": false
},
{
"name": "Overflow Controls Host Layer",
"position": [8, 8],
......
......@@ -22,6 +22,13 @@
"bounds": [240, 240],
"transform": 2
},
{
"name": "Child Containment Layer",
"position": [20, 20],
"bounds": [200, 200],
"drawsContent": false,
"transform": 2
},
{
"name": "LayoutBlockFlow DIV",
"position": [20, 20],
......
......@@ -29,6 +29,13 @@
"opacity": 0.899999976158142,
"transform": 2
},
{
"name": "Ancestor Clipping Layer",
"position": [20, 20],
"bounds": [200, 200],
"drawsContent": false,
"transform": 2
},
{
"name": "LayoutBlockFlow DIV",
"position": [20, 20],
......@@ -45,6 +52,13 @@
"backgroundColor": "#00FFFF",
"transform": 2
},
{
"name": "Ancestor Clipping Layer",
"position": [20, 20],
"bounds": [200, 200],
"drawsContent": false,
"transform": 2
},
{
"name": "LayoutBlockFlow (relative positioned) DIV",
"position": [20, 20],
......
......@@ -22,6 +22,13 @@
"bounds": [240, 240],
"transform": 2
},
{
"name": "Ancestor Clipping Layer",
"position": [20, 20],
"bounds": [200, 200],
"drawsContent": false,
"transform": 2
},
{
"name": "LayoutBlockFlow DIV",
"position": [20, 20],
......
......@@ -22,6 +22,12 @@
"bounds": [300, 100],
"transform": 2
},
{
"name": "Ancestor Clipping Layer",
"bounds": [100, 100],
"drawsContent": false,
"transform": 2
},
{
"name": "LayoutBlockFlow (relative positioned) DIV",
"bounds": [200, 100],
......@@ -36,6 +42,12 @@
"backgroundColor": "#FFFF00",
"transform": 2
},
{
"name": "Ancestor Clipping Layer",
"bounds": [100, 100],
"drawsContent": false,
"transform": 2
},
{
"name": "LayoutBlockFlow (relative positioned) DIV",
"bounds": [50, 200],
......
......@@ -28,8 +28,7 @@
{
"name": "LayoutBlockFlow DIV id='scroller'",
"position": [98, 90],
"bounds": [102, 102],
"backfaceVisibility": "hidden"
"bounds": [102, 102]
},
{
"name": "Scrolling Layer",
......@@ -41,8 +40,7 @@
"name": "Scrolling Contents Layer",
"position": [99, 91],
"bounds": [100, 180],
"drawsContent": false,
"backfaceVisibility": "hidden"
"drawsContent": false
},
{
"name": "LayoutBlockFlow (positioned) DIV id='fixed'",
......@@ -60,14 +58,12 @@
"position": [103, 95],
"bounds": [60, 40],
"contentsOpaque": true,
"backfaceVisibility": "hidden",
"backgroundColor": "#0000FF"
},
{
"name": "Squashing Layer (first squashed layer: LayoutBlockFlow (relative positioned) DIV class='scrolled')",
"position": [103, 139],
"bounds": [60, 128],
"backfaceVisibility": "hidden"
"bounds": [60, 128]
},
{
"name": "Overflow Controls Host Layer",
......
......@@ -99,6 +99,12 @@
"position": [6, 297],
"bounds": [340, 282]
},
{
"name": "Ancestor Clipping Layer",
"position": [46, 337],
"bounds": [260, 100],
"drawsContent": false
},
{
"name": "LayoutBlockFlow DIV class='scroller'",
"position": [37, 328],
......@@ -124,6 +130,12 @@
"contentsOpaque": true,
"backgroundColor": "#DDDDDD"
},
{
"name": "Overflow Controls Ancestor Clipping Layer",
"position": [46, 337],
"bounds": [260, 100],
"drawsContent": false
},
{
"name": "Overflow Controls Host Layer",
"position": [61, 352],
......@@ -146,6 +158,18 @@
"position": [379, 321],
"bounds": [292, 200]
},
{
"name": "Child Containment Layer",
"position": [389, 331],
"bounds": [272, 180],
"drawsContent": false
},
{
"name": "Ancestor Clipping Layer",
"position": [395, 337],
"bounds": [260, 100],
"drawsContent": false
},
{
"name": "LayoutBlockFlow DIV class='scroller'",
"position": [386, 328],
......@@ -171,6 +195,12 @@
"contentsOpaque": true,
"backgroundColor": "#DDDDDD"
},
{
"name": "Overflow Controls Ancestor Clipping Layer",
"position": [395, 337],
"bounds": [260, 100],
"drawsContent": false
},
{
"name": "Overflow Controls Host Layer",
"position": [410, 352],
......
......@@ -26,6 +26,11 @@
"bounds": [400, 400],
"backgroundColor": "#FF0000"
},
{
"name": "Child Containment Layer",
"bounds": [400, 400],
"drawsContent": false
},
{
"name": "LayoutBlockFlow (positioned) DIV class='positioned layer'",
"bounds": [100, 100],
......
......@@ -26,6 +26,11 @@
"bounds": [400, 400],
"backgroundColor": "#FF0000"
},
{
"name": "Child Containment Layer",
"bounds": [400, 400],
"drawsContent": false
},
{
"name": "LayoutBlockFlow (positioned) DIV class='positioned layer'",
"bounds": [100, 100],
......
......@@ -25,6 +25,11 @@
"name": "LayoutView #document",
"bounds": [400, 400]
},
{
"name": "Child Containment Layer",
"bounds": [400, 400],
"drawsContent": false
},
{
"name": "LayoutBlockFlow (relative positioned) DIV id='layer'",
"bounds": [100, 100],
......
......@@ -17,6 +17,12 @@
"contentsOpaque": true,
"backgroundColor": "#FFFFFF"
},
{
"name": "Ancestor Clipping Layer",
"position": [8, 8],
"bounds": [200, 10],
"drawsContent": false
},
{
"name": "LayoutBlockFlow DIV id='inner'",
"bounds": [200, 10],
......@@ -40,7 +46,8 @@
[0, 1, 0, 0],
[0, 0, 1, 0],
[8, 8, 0, 1]
]
],
"flattenInheritedTransform": false
}
]
}
......
......@@ -24,6 +24,12 @@
"contentsOpaque": true,
"backgroundColor": "#ADD8E6"
},
{
"name": "Child Containment Layer",
"position": [0, 50],
"bounds": [800, 550],
"drawsContent": false
},
{
"name": "LayoutBlockFlow (positioned) DIV class='compositedlayer'",
"bounds": [24, 100],
......
......@@ -21,6 +21,11 @@
"name": "LayoutBlockFlow (positioned) DIV class='container'",
"bounds": [200, 200]
},
{
"name": "Child Containment Layer",
"bounds": [200, 200],
"drawsContent": false
},
{
"name": "LayoutBlockFlow DIV class='composited box'",
"bounds": [10, 10],
......
......@@ -22,6 +22,24 @@
"position": [50, 50],
"bounds": [300, 300]
},
{
"name": "Child Containment Layer",
"position": [50, 50],
"bounds": [300, 300],
"drawsContent": false,
"maskLayer": [
{
"name": "Child Clipping Mask Layer",
"bounds": [300, 300]
}
]
},
{
"name": "Ancestor Clipping Layer",
"position": [50, 50],
"bounds": [285, 300],
"drawsContent": false
},
{
"name": "LayoutBlockFlow DIV id='content'",
"bounds": [285, 1000],
......@@ -37,7 +55,8 @@
[0, 1, 0, 0],
[0, 0, 1, 0],
[50, 50, 0, 1]
]
],
"flattenInheritedTransform": false
}
]
}
......
Tests sticky position constraints in Layers panel
Sticky position constraint
{
_containingBlockRect : {
height : 400
width : 100
x : 0
y : 0
}
_nearestLayerShiftingContainingBlock : null
_nearestLayerShiftingStickyBox : null
_stickyBoxRect : {
height : 50
width : 50
x : 0
y : 0
}
}
{
_containingBlockRect : {
height : 50
width : 50
x : 0
y : 0
}
_nearestLayerShiftingContainingBlock : <object>
_nearestLayerShiftingStickyBox : null
_stickyBoxRect : {
height : 25
width : 25
x : 0
y : 0
}
}
{
_containingBlockRect : {
height : 350
width : 100
x : 0
y : 0
}
_nearestLayerShiftingContainingBlock : null
_nearestLayerShiftingStickyBox : null
_stickyBoxRect : {
height : 0
width : 0
x : 0
y : 0
}
}
{
_containingBlockRect : {
height : 350
width : 100
x : 0
y : 0
}
_nearestLayerShiftingContainingBlock : null
_nearestLayerShiftingStickyBox : <object>
_stickyBoxRect : {
height : 0
width : 0
x : 0
y : 0
}
}
......@@ -76,7 +76,21 @@ Tests LayerTree domain reporting layers.
"width": 100,
"height": 50,
"paintCount": "number",
"drawsContent": true
"drawsContent": true,
"stickyPositionConstraint": {
"stickyBoxRect": {
"x": 0,
"y": 0,
"width": 100,
"height": 50
},
"containingBlockRect": {
"x": 0,
"y": 0,
"width": 100,
"height": 200
}
}
},
{
"layerId": "string",
......@@ -87,7 +101,22 @@ Tests LayerTree domain reporting layers.
"width": 100,
"height": 25,
"paintCount": "number",
"drawsContent": true
"drawsContent": true,
"stickyPositionConstraint": {
"stickyBoxRect": {
"x": 0,
"y": 0,
"width": 100,
"height": 25
},
"containingBlockRect": {
"x": 0,
"y": 0,
"width": 100,
"height": 50
},
"nearestLayerShiftingContainingBlock": "string"
}
},
{
"layerId": "string",
......@@ -178,7 +207,21 @@ Tests LayerTree domain reporting layers.
"width": 100,
"height": 50,
"paintCount": "number",
"drawsContent": true
"drawsContent": true,
"stickyPositionConstraint": {
"stickyBoxRect": {
"x": 0,
"y": 0,
"width": 100,
"height": 50
},
"containingBlockRect": {
"x": 0,
"y": 0,
"width": 100,
"height": 200
}
}
},
{
"layerId": "string",
......@@ -189,7 +232,22 @@ Tests LayerTree domain reporting layers.
"width": 100,
"height": 25,
"paintCount": "number",
"drawsContent": true
"drawsContent": true,
"stickyPositionConstraint": {
"stickyBoxRect": {
"x": 0,
"y": 0,
"width": 100,
"height": 25
},
"containingBlockRect": {
"x": 0,
"y": 0,
"width": 100,
"height": 50
},
"nearestLayerShiftingContainingBlock": "string"
}
},
{
"layerId": "string",
......
......@@ -26,7 +26,13 @@
{
"name": "Mask Layer",
"bounds": [800, 300],
"backfaceVisibility": "hidden"
"paintInvalidations": [
{
"object": "Mask Layer",
"rect": [0, 0, 800, 300],
"reason": "paint property change"
}
]
}
],
"transform": 2
......
......@@ -23,6 +23,12 @@
"drawsContent": false,
"transform": 1
},
{
"name": "Child Containment Layer",
"bounds": [100, 100],
"drawsContent": false,
"transform": 1
},
{
"name": "LayoutBlockFlow DIV class='clipped-composited-child'",
"bounds": [252, 252],
......@@ -36,6 +42,12 @@
"drawsContent": false,
"transform": 3
},
{
"name": "Child Containment Layer",
"bounds": [100, 100],
"drawsContent": false,
"transform": 3
},
{
"name": "LayoutBlockFlow DIV class='clipped-composited-child'",
"bounds": [252, 252],
......
......@@ -26,6 +26,11 @@
"bounds": [300, 100],
"backgroundColor": "#FFFF00"
},
{
"name": "Child Containment Layer",
"bounds": [300, 100],
"drawsContent": false
},
{
"name": "LayoutBlockFlow BODY",
"bounds": [284, 84],
......
......@@ -18,7 +18,9 @@
"backgroundColor": "#FFFFFF"
},
{
"name": "Squashing Containment Layer",
"name": "Ancestor Clipping Layer",
"position": [8, 8],
"bounds": [185, 185],
"drawsContent": false
},
{
......
......@@ -25,8 +25,7 @@
{
"name": "LayoutBlockFlow (relative positioned) DIV id='neg-z'",
"position": [9, -81],
"bounds": [100, 410],
"backfaceVisibility": "hidden"
"bounds": [100, 410]
},
{
"name": "LayoutBlockFlow HTML (foreground) Layer",
......@@ -49,7 +48,6 @@
"position": [9, 9],
"bounds": [100, 430],
"drawsContent": false,
"backfaceVisibility": "hidden",
"transform": 1
},
{
......@@ -62,14 +60,12 @@
{
"name": "Horizontal Scrollbar Layer",
"position": [9, 309],
"bounds": [100, 0],
"backfaceVisibility": "hidden"
"bounds": [100, 0]
},
{
"name": "Vertical Scrollbar Layer",
"position": [109, 9],
"bounds": [0, 300],
"backfaceVisibility": "hidden"
"bounds": [0, 300]
}
],
"transforms": [
......
......@@ -37,6 +37,12 @@
}
]
},
{
"name": "Child Containment Layer",
"position": [38, 38],
"bounds": [90, 90],
"drawsContent": false
},
{
"name": "LayoutBlockFlow DIV class='composited child'",
"position": [8, 58],
......
......@@ -24,6 +24,12 @@
"backfaceVisibility": "hidden",
"backgroundColor": "#008000"
},
{
"name": "Ancestor Clipping Layer",
"position": [0, 200],
"bounds": [200, 200],
"drawsContent": false
},
{
"name": "LayoutBlockFlow DIV class='composited-child'",
"position": [0, 200],
......@@ -40,6 +46,12 @@
"backfaceVisibility": "hidden",
"backgroundColor": "#008000"
},
{
"name": "Ancestor Clipping Layer",
"position": [0, 200],
"bounds": [200, 200],
"drawsContent": false
},
{
"name": "LayoutBlockFlow (relative positioned) DIV class='composited-child overflow-child'",
"position": [150, 350],
......
......@@ -17,6 +17,12 @@
"contentsOpaque": true,
"backgroundColor": "#FFFFFF"
},
{
"name": "Ancestor Clipping Layer",
"position": [8, 8],
"bounds": [784, 159],
"drawsContent": false
},
{
"name": "LayoutIFrame IFRAME",
"position": [8, 8],
......
......@@ -42,7 +42,9 @@
"transform": 1
},
{
"name": "Squashing Containment Layer",
"name": "Ancestor Clipping Layer",
"position": [23, 65],
"bounds": [285, 175],
"drawsContent": false
},
{
......
......@@ -24,6 +24,12 @@
}
]
},
{
"name": "Ancestor Clipping Layer",
"position": [8, 8],
"bounds": [285, 285],
"drawsContent": false
},
{
"name": "LayoutBlockFlow (positioned) DIV id='container'",
"bounds": [600, 600],
......@@ -47,7 +53,8 @@
[0, 1, 0, 0],
[0, 0, 1, 0],
[-307, 8, 0, 1]
]
],
"flattenInheritedTransform": false
}
]
}
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment