chromium/src/third_party/blink/web_tests/paint/invalidation/overflow/overflow-changed-on-child-of-squashed-layer.html - manifest_repos/chromium_src - Git at Google

 <!DOCTYPE html>
 <link rel="match" href="overflow-changed-on-child-of-squashed-layer-expected.html">
 Changing overflow on the child of a squashed layer should allow the layer to resize and contain the overflow. There should be a white box with black outline.
 <div style="will-change: transform; width: 100px; height: 100px"></div>
 <div id="squashed" style="position: relative; top: -10px; transform; width: 100px; height: 100px"></div>
 <div id="parent" style="height: 100px; width: 100px; position: relative; top: -20px">
   <div id="test" style="height: 100px; width: 100px;"></div>
 </div>
 <script src="../../../resources/run-after-layout-and-paint.js"></script>
 <script>
 runAfterLayoutAndPaint(function() {
   test.style.outline = "1px solid black";
 }, true);
 </script>
	<!DOCTYPE html>
	<link rel="match" href="overflow-changed-on-child-of-squashed-layer-expected.html">
	Changing overflow on the child of a squashed layer should allow the layer to resize and contain the overflow. There should be a white box with black outline.
	<div style="will-change: transform; width: 100px; height: 100px"></div>
	<div id="squashed" style="position: relative; top: -10px; transform; width: 100px; height: 100px"></div>
	<div id="parent" style="height: 100px; width: 100px; position: relative; top: -20px">
	<div id="test" style="height: 100px; width: 100px;"></div>
	</div>
	<script src="../../../resources/run-after-layout-and-paint.js"></script>
	<script>
	runAfterLayoutAndPaint(function() {
	test.style.outline = "1px solid black";
	}, true);
	</script>