| Index: LayoutTests/fast/exclusions/shape-outside-floats/shape-outside-floats-left-margin-polygon.html
|
| diff --git a/LayoutTests/fast/exclusions/shape-outside-floats/shape-outside-floats-left-margin-polygon.html b/LayoutTests/fast/exclusions/shape-outside-floats/shape-outside-floats-left-margin-polygon.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..fbe005bffc8bd9a31a6d4fcebad242a080b16788
|
| --- /dev/null
|
| +++ b/LayoutTests/fast/exclusions/shape-outside-floats/shape-outside-floats-left-margin-polygon.html
|
| @@ -0,0 +1,47 @@
|
| +<!DOCTYPE html>
|
| +<html>
|
| +<head>
|
| +<script>
|
| + if (window.internals)
|
| + window.internals.settings.setCSSExclusionsEnabled(true);
|
| +</script>
|
| +
|
| +<style>
|
| +#container {
|
| + font: 20px/1 Ahem, sans-serif;
|
| + width: 200px;
|
| + height: 300px;
|
| + }
|
| +
|
| +#float-left {
|
| + float: left;
|
| + position: relative;
|
| + overflow: visible;
|
| + -webkit-shape-outside: polygon(0px 0px, 100px 0px, 100px 60px, 0px 60px);
|
| + -webkit-shape-margin: 20px;
|
| +}
|
| +
|
| +#svg-shape {
|
| + position: absolute;
|
| + display:block;
|
| + top: -21px;
|
| + left: -21px;
|
| + width: 142px;
|
| + height: 102px;
|
| +}
|
| +</style>
|
| +
|
| +<body>
|
| +<p>The left edges of the five black squares should follow the right side of the outer rounded rectangle boundary and each square should appear on a subsequent line.</p>
|
| +<div id="container">
|
| + <div id="float-left">
|
| + <svg id="svg-shape" xmlns="http://www.w3.org/2000/">
|
| + <rect x="20" y="20" width="100" height="60" fill="none" stroke="green"></rect>
|
| + <rect x="1" y="1" width="140" height="100" rx="20" ry="20" fill="none" stroke="green"></rect>
|
| + </svg>
|
| + </div>
|
| + X<br/>X<br/>X<br/>X<br/>X
|
| +</div>
|
| +</body>
|
| +</html>
|
| +
|
|
|
Chromium Code Reviews
Issue 14220005:
Add support for the simple case of shape-margin polygonal shape-outside (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master