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

Unified Diff: LayoutTests/fast/shapes/shape-inside/shape-inside-overflow.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.html
diff --git a/LayoutTests/fast/shapes/shape-inside/shape-inside-overflow.html b/LayoutTests/fast/shapes/shape-inside/shape-inside-overflow.html
index a432cc09d17a39e6bbb0436ce977970297676748..935f88909f54cc37c2e050d859c2da2087f27442 100644
--- a/LayoutTests/fast/shapes/shape-inside/shape-inside-overflow.html
+++ b/LayoutTests/fast/shapes/shape-inside/shape-inside-overflow.html
@@ -3,41 +3,36 @@
<head>
<script>
if (window.internals)
- window.internals.settings.setCSSExclusionsEnabled(true);
+ window.internals.settings.setCSSShapesEnabled(true);
</script>
<style>
#container {
- border: 2px solid blue;
+ font: 20px Ahem, sans-serif;
+ -webkit-font-smoothing: none;
+ line-height: 20px;
position: relative;
width: 200px;
height: 200px;
+ border: 2px solid blue;
}
- #shape-inside {
- -webkit-shape-inside: rectangle(50px, 0px, 100px, 50px);
- }
+ #shape-inside { -webkit-shape-inside: rectangle(50px, 0px, 100px, 50px); }
#border {
position: absolute;
- left: 48px;
+ left: 49px;
width: 100px;
height: 50px;
- border: 2px solid green;
- }
- #border-overflow {
- position: absolute;
- top: 50px;
- width: 200px;
- height: 150px;
- border: 2px solid blue;
+ margin-top: -2px;
+ border: 1px solid green;
}
</style>
</head>
<body>
<div id="container">
- <div id="border"></div>
<div id="shape-inside">
- This text should wrap inside the green rectangle, and overflow should wrap
- inside the blue rectangle.
+ <div id="border"></div>
+ X X X X X X X X X X X X
</div>
</div>
+ <p>Requires Ahem font. The content should wrap inside the green rectangle, and the overflow should wrap inside the blue rectangle.</p>
</body>
</html>

Powered by Google App Engine
This is Rietveld 408576698