Index: LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-not-a-layer.html |
diff --git a/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-not-a-layer.html b/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-not-a-layer.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..d03c7054732f3fe04c4fea12ac57f39ec938fe12 |
--- /dev/null |
+++ b/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-not-a-layer.html |
@@ -0,0 +1,21 @@ |
+<!DOCTYPE html> |
+<style> |
+ .container { |
+ font: 10px/1 Ahem; |
+ color: green; |
+ } |
+ .left { |
+ float: left; |
+ height: 10px; |
+ width: 50px; |
+ background-color: red; |
+ -webkit-shape-outside: rectangle(0, 0, 0, 100%); |
+ } |
+</style> |
+<body> |
+ You should see a green rectangle. You shouldn't see any red. |
+ <div class="container"> |
+ <div class="left"></div> |
+ XXXXX |
+ </div> |
+</body> |