Index: LayoutTests/fast/exclusions/shape-outside-floats/shape-outside-floats-right-margin-polygon.html |
diff --git a/LayoutTests/fast/exclusions/shape-outside-floats/shape-outside-floats-right-margin-polygon.html b/LayoutTests/fast/exclusions/shape-outside-floats/shape-outside-floats-right-margin-polygon.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..1aaec9ad947b1e19df642eaffeb41224cc8ed0f1 |
--- /dev/null |
+++ b/LayoutTests/fast/exclusions/shape-outside-floats/shape-outside-floats-right-margin-polygon.html |
@@ -0,0 +1,48 @@ |
+<!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; |
+ text-align: right; |
+ } |
+ |
+#float-right { |
+ float: right; |
+ 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 right edges of the five black squares should follow the left side of the outer rounded rectangle boundary and each square should appear on a subsequent line.</p> |
+<div id="container"> |
+ <div id="float-right"> |
+ <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> |
+ |