Index: LayoutTests/fast/shapes/shape-outside-floats/shape-outside-polygon-zero-vertex.html |
diff --git a/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-polygon-zero-vertex.html b/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-polygon-zero-vertex.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..6b82a0122a26e8ccd71341f52ccad5357ff461fe |
--- /dev/null |
+++ b/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-polygon-zero-vertex.html |
@@ -0,0 +1,22 @@ |
+<!DOCTYPE html> |
+<style> |
+.container { |
+ width: 400px; |
+ text-align: right; |
+ font: 50px/1 Ahem, sans-serif; |
+ color: rgba(0, 255, 0, 0.5); |
+} |
+ |
+.shape { |
+ float: right; |
+ width: 200px; |
+ height: 200px; |
+ shape-outside: content-box polygon(0 0, 100% 0, 100% 100%, 50% 100%, 50% 50%, 0 50%); |
+ background-image: url("data:image/svg+xml;UTF-8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%'><polygon points='0,0 200,0 200,200 100,200 100,100, 0,100' fill='blue'/></svg>"); |
+} |
+</style> |
+<p>The green rectangles should wrap around the left edge of the blue shape.</p> |
+<div class='container'> |
+ <div class='shape'></div> |
+ X<br>X<br>X<br>X<br>X |
+</div> |