Chromium Code Reviews Chromium Code Reviews
Issue 396803010:
CSS Shape renders incorrectly when scrolling (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master| Index: LayoutTests/inspector/elements/highlight-css-shapes-outside-scroll.html |
| diff --git a/LayoutTests/inspector/elements/highlight-css-shapes-outside-scroll.html b/LayoutTests/inspector/elements/highlight-css-shapes-outside-scroll.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..8b8b6cb89899f8230ecdb9addab180d8ce74dcae |
| --- /dev/null |
| +++ b/LayoutTests/inspector/elements/highlight-css-shapes-outside-scroll.html |
| @@ -0,0 +1,43 @@ |
| +<!DOCTYPE html> |
| +<html> |
| +<head> |
| +<style> |
| + |
| +.float { |
| + width: 8em; |
| + height: 8em; |
| + float: left; |
| + shape-margin: 2em; |
| + margin: 1em; |
| +} |
| + |
| +.circle { |
| + background-color:blue; |
| + shape-outside: circle(closest-side at center); |
| + -webkit-clip-path: circle(closest-side at center); |
| +} |
| + |
| +</style> |
| +<script src="../../http/tests/inspector/inspector-test.js"></script> |
| +<script src="../../http/tests/inspector/elements-test.js"></script> |
| +<script> |
| + |
| +function test() |
| +{ |
| + InspectorTest.selectNodeWithId('circle', function(node) { |
|
lushnikov
2014/07/17 19:05:35
please, extract to named functions - we generally
|
| + InspectorTest.dumpInspectorHighlightShape(node, function() { |
| + window.scrollTo(0, 100); |
| + InspectorTest.selectNodeWithId('circle', function(node) { |
| + InspectorTest.dumpInspectorHighlightShape(node, InspectorTest.completeTest.bind(InspectorTest)); |
| + }); |
| + }); |
| + }); |
| +} |
| + |
| +</script> |
| +</head> |
| + |
| +<body onload="runTest()"> |
| +<div class="float circle" id="circle"> </div> |
| +</body> |
| +</html> |
