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

Unified Diff: LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-stacked-002.html

Issue 149513005: Stacked floats with shape-outside should allow inline content to interact with the non-outermost fl… (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Replace nullptr with 0 to make linux build happy Created 6 years, 10 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-outside-floats/shape-outside-floats-stacked-002.html
diff --git a/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-stacked-002.html b/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-stacked-002.html
new file mode 100644
index 0000000000000000000000000000000000000000..4d13b38444bdb93a3cbbd57bb22d654b74b5d679
--- /dev/null
+++ b/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-stacked-002.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<style>
+.container {
+ width: 200px;
+ height: 100px;
+ font: 50px/1 Ahem, sans-serif;
+ background-color: red;
+ margin-bottom: 50px;
+ color: green;
+}
+.float-left-inner {
+ width: 100px;
+ height: 100px;
+ float: left;
+ background-color: green;
+ shape-outside: inset(0 50% 0 0);
+}
+.float-left-outer {
+ margin-right: 50px;
+ width: 50px;
+ height: 100px;
+ float: left;
+ background-color: green;
+ shape-outside: inset(0 50% 0 0);
+}
+.float-right-inner {
+ width: 100px;
+ height: 100px;
+ float: right;
+ background-color: green;
+ shape-outside: inset(0 0 0 50%);
+}
+.float-right-outer {
+ margin-left: 50px;
+ width: 50px;
+ height: 100px;
+ float: right;
+ background-color: green;
+ shape-outside: inset(0 0 0 50%);
+}
+</style>
+<body>
+ <p>Shapes should not affact float stacking, but should affect inline content.</p>
+ <p>You should see two green rectanges. There should be no red.</p>
+ <div class="container">
+ <div class="float-left-inner"></div>
+ <div class="float-left-outer"></div>
+ X<br/>
+ X
+ </div>
+ <div class="container" style="text-align: right">
+ <div class="float-right-inner"></div>
+ <div class="float-right-outer"></div>
+ X<br/>
+ X
+ </div>
+</body>

Powered by Google App Engine
This is Rietveld 408576698