Index: LayoutTests/fast/shapes/shape-inside/shape-inside-overflow-fixed-dimensions-block-content-expected.html |
diff --git a/LayoutTests/fast/shapes/shape-inside/shape-inside-overflow-fixed-dimensions-block-content-expected.html b/LayoutTests/fast/shapes/shape-inside/shape-inside-overflow-fixed-dimensions-block-content-expected.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..e6f4688e10f58d590916c2a1e941cac3d37dd178 |
--- /dev/null |
+++ b/LayoutTests/fast/shapes/shape-inside/shape-inside-overflow-fixed-dimensions-block-content-expected.html |
@@ -0,0 +1,44 @@ |
+<!DOCTYPE html> |
+<html> |
+<head> |
+<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; |
+} |
+#border { |
+ position: absolute; |
+ margin-top: -2px; |
+ left: 48px; |
+ width: 100px; |
+ height: 60px; |
+ border: 2px solid green; |
+} |
+.spacer { |
+ width: 50px; |
+ height: 40px; |
+} |
+</style> |
+</head> |
+<body> |
+ <div id="container"> |
+ <div id="border"> |
+ X X <p>X X X</p> |
+ <div class="spacer" style="float:left"></div> |
+ <div class="spacer" style="float:right"></div> |
+ </div> |
+ <div style="padding-top: 200px;"> |
+ 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> |