Index: LayoutTests/fast/shapes/shape-inside/shape-inside-overflow-fixed-dimensions-block-content.html |
diff --git a/LayoutTests/fast/shapes/shape-inside/shape-inside-overflow-fixed-dimensions-block-content.html b/LayoutTests/fast/shapes/shape-inside/shape-inside-overflow-fixed-dimensions-block-content.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..984c32d58aa6ab2bd99d0c21884983727eb49154 |
--- /dev/null |
+++ b/LayoutTests/fast/shapes/shape-inside/shape-inside-overflow-fixed-dimensions-block-content.html |
@@ -0,0 +1,45 @@ |
+<!DOCTYPE html> |
+<html> |
+<head> |
+<script> |
+ if (window.internals) |
+ window.internals.settings.setCSSShapesEnabled(true); |
+</script> |
+<style> |
+#container { |
+ font: 20px Ahem, sans-serif; |
+ line-height: 20px; |
+ -webkit-font-smoothing: none; |
+ border: 2px solid blue; |
+ border-bottom: 30px solid yellow; |
+ position: relative; |
+ width: 200px; |
+ height: 200px; |
+ margin-bottom: 60px; |
+} |
+#shape-inside { |
+ width: 200px; |
+ height: 200px; |
+ -webkit-shape-inside: rectangle(50px, 0px, 100px, 60px); |
+} |
+#border { |
+ position: absolute; |
+ margin-top: -2px; |
+ left: 48px; |
+ width: 100px; |
+ height: 60px; |
+ border: 2px solid green; |
+} |
+</style> |
+</head> |
+<body> |
+ <div id="container"> |
+ <div id="border"></div> |
+ <div id="shape-inside"> |
+ X X <p>X X X</p> X X X X X X X X X X |
+ </div> |
+ </div> |
+ <p>Requires Ahem font. The block content should start inside the green rectangle (shape-inside) and the overflow should be pushed below the content box. The overflow should start where the yellow bottom border starts. <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> |