Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(204)

Unified Diff: LayoutTests/fast/shapes/shape-inside/shape-inside-overflow-fixed-dimensions-block-content-expected.html

Issue 19865002: [CSS Shapes] Port shape-inside on regions and shape's content overflow from WebKit (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: [CSS Shapes] Port shape-inside on regions and shape's content overflow from WebKit Created 7 years, 5 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
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>

Powered by Google App Engine
This is Rietveld 408576698