Index: LayoutTests/fast/shapes/shape-inside/shape-inside-overflow-fixed-dimensions-expected.html |
diff --git a/LayoutTests/fast/shapes/shape-inside/shape-inside-overflow-fixed-dimensions-expected.html b/LayoutTests/fast/shapes/shape-inside/shape-inside-overflow-fixed-dimensions-expected.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..fa1e49129bac3757ed3a13a1a8a7edd96b0622b5 |
--- /dev/null |
+++ b/LayoutTests/fast/shapes/shape-inside/shape-inside-overflow-fixed-dimensions-expected.html |
@@ -0,0 +1,48 @@ |
+<!DOCTYPE html> |
+<html> |
+<head> |
+<style> |
+#container { |
+ font: 20px Ahem, sans-serif; |
+ line-height: 20px; |
+ position: relative; |
+ border-bottom: 55px solid yellow; |
+ width: 200px; |
+ height: 200px; |
+} |
+#shape-inside { |
+ background-color: green; |
+ padding-top: 15px; |
+ padding-bottom: 10px; |
+ height: 200px; |
+} |
+#border { |
+ position: absolute; |
+ margin-top: 13px; |
+ left: 48px; |
+ width: 100px; |
+ height: 40px; |
+ border: 2px solid blue; |
+} |
+.spacer { |
+ width: 50px; |
+ height: 40px; |
+} |
+</style> |
+</head> |
+<body> |
+ <div id="container"> |
+ <div id="border"></div> |
+ <div id="shape-inside"> |
+ <div class="spacer" style="float:left"></div> |
+ <div class="spacer" style="float:right"></div> |
+ X X X X X X |
+ </div> |
+ <div style="margin-top: -10px"> |
+ 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> |