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

Unified Diff: LayoutTests/fast/shapes/shape-outside-floats/shape-outside-polygon-zero-vertex.html

Issue 264453009: [CSS Shapes] shape-outside polygon can fail when line-top intersects a vertex (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Remove -webkit-font-smoothing Created 6 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
« no previous file with comments | « no previous file | LayoutTests/fast/shapes/shape-outside-floats/shape-outside-polygon-zero-vertex-expected.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: LayoutTests/fast/shapes/shape-outside-floats/shape-outside-polygon-zero-vertex.html
diff --git a/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-polygon-zero-vertex.html b/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-polygon-zero-vertex.html
new file mode 100644
index 0000000000000000000000000000000000000000..6b82a0122a26e8ccd71341f52ccad5357ff461fe
--- /dev/null
+++ b/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-polygon-zero-vertex.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<style>
+.container {
+ width: 400px;
+ text-align: right;
+ font: 50px/1 Ahem, sans-serif;
+ color: rgba(0, 255, 0, 0.5);
+}
+
+.shape {
+ float: right;
+ width: 200px;
+ height: 200px;
+ shape-outside: content-box polygon(0 0, 100% 0, 100% 100%, 50% 100%, 50% 50%, 0 50%);
+ background-image: url("data:image/svg+xml;UTF-8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%'><polygon points='0,0 200,0 200,200 100,200 100,100, 0,100' fill='blue'/></svg>");
+}
+</style>
+<p>The green rectangles should wrap around the left edge of the blue shape.</p>
+<div class='container'>
+ <div class='shape'></div>
+ X<br>X<br>X<br>X<br>X
+</div>
« no previous file with comments | « no previous file | LayoutTests/fast/shapes/shape-outside-floats/shape-outside-polygon-zero-vertex-expected.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698