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

Unified Diff: LayoutTests/fast/exclusions/shape-outside-floats/shape-outside-floats-right-margin-polygon-expected.html

Issue 14220005: Add support for the simple case of shape-margin polygonal shape-outside (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Add support for the simple case of shape-margin polygonal shape-outside Created 7 years, 8 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/exclusions/shape-outside-floats/shape-outside-floats-right-margin-polygon-expected.html
diff --git a/LayoutTests/fast/exclusions/shape-outside-floats/shape-outside-floats-right-margin-polygon-expected.html b/LayoutTests/fast/exclusions/shape-outside-floats/shape-outside-floats-right-margin-polygon-expected.html
new file mode 100644
index 0000000000000000000000000000000000000000..83829f0126c8186d73f20cf9debd598a71e1916f
--- /dev/null
+++ b/LayoutTests/fast/exclusions/shape-outside-floats/shape-outside-floats-right-margin-polygon-expected.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+#container-border {
+ border: 1px solid black;
+ margin: 10px;
+ width: 200px;
+}
+
+#container {
+ font: 20px/1 Ahem, sans-serif;
+ width: 200px;
+ height: 300px;
+ }
+
+#float-right {
+ float: right;
+ position: relative;
+ overflow: visible;
+}
+
+#svg-shape {
+ position: absolute;
+ display:block;
+ top: -1px;
+ left: -141px;
+ width: 142px;
+ height: 102px;
+}
+
+#expected-text {
+ position: absolute;
+ top: 0px;
+ left: -160px;
+}
+
+</style>
+
+<body>
+<p>The right edges of the five black squares should follow the left side of the outer rounded rectangle boundary and each square should appear on a subsequent line.</p>
+<div id="container">
+ <div id="float-right">
+ <div id="expected-text">X<br/>X<br/>X<br/>X<br/>X</div>
+ <svg id="svg-shape" xmlns="http://www.w3.org/2000/">
+ <rect x="20" y="20" width="100" height="60" fill="none" stroke="green"></rect>
+ <rect x="1" y="1" width="140" height="100" rx="20" ry="20" fill="none" stroke="green"></rect>
+ </svg>
+ </div>
+</div>
+</body>
+</html>
+

Powered by Google App Engine
This is Rietveld 408576698