Index: LayoutTests/fast/shapes/shape-inside/shape-inside-overflow-fixed-dimensions.html |
diff --git a/LayoutTests/fast/shapes/shape-inside/shape-inside-overflow-fixed-dimensions.html b/LayoutTests/fast/shapes/shape-inside/shape-inside-overflow-fixed-dimensions.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..7f0668ec268e7c38c30162f694696f5fbe8538a9 |
--- /dev/null |
+++ b/LayoutTests/fast/shapes/shape-inside/shape-inside-overflow-fixed-dimensions.html |
@@ -0,0 +1,43 @@ |
+<!DOCTYPE html> |
+<html> |
+<head> |
+<script> |
+ if (window.internals) |
+ window.internals.settings.setCSSShapesEnabled(true); |
+</script> |
+<style> |
+#container { |
+ font: 20px Ahem, sans-serif; |
+ line-height: 20px; |
+ position: relative; |
+} |
+#shape-inside { |
+ width: 200px; |
+ height: 200px; |
+ background-color: green; |
+ border-bottom: 30px solid yellow; |
+ padding-top: 15px; |
+ padding-bottom: 10px; |
+ -webkit-shape-inside: rectangle(50px, 0px, 100px, 50px); |
+} |
+#border { |
+ position: absolute; |
+ margin-top: 13px; |
+ left: 48px; |
+ width: 100px; |
+ height: 40px; |
+ border: 2px solid blue; |
+} |
+</style> |
+</head> |
+<body> |
+ <div id="container"> |
+ <div id="border"></div> |
+ <div id="shape-inside"> |
+ X X X X X X X X X X X X X X X X |
+ </div> |
+ </div> |
+ <p>Requires Ahem font. The inline content should start inside the green rectangle (shape-inside) and the overflow should be pushed below the content box. The overflow should start 10px above the yellow bottom border. <br/> |
+ <p>Bug <a href="http://webkit.org/b/114526">114526</a>: [CSS Exclusions] shape-inside overflow should be pushed to the outside of the content box</p> |
+</body> |
+</html> |