Chromium Code Reviews Chromium Code Reviews
Issue 63623002:
[CSS Shapes] Image shape-outside with vertical gaps is handled incorrectly (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master| Index: LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-image-vgap.html |
| diff --git a/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-image-vgap.html b/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-image-vgap.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..f99cc05d77c18dec0676fdbae59122097fa99cb8 |
| --- /dev/null |
| +++ b/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-image-vgap.html |
| @@ -0,0 +1,23 @@ |
| +<!DOCTYPE html> |
| +<html> |
| +<head> |
| +<style> |
| + #content { |
| + font-size: 30px; |
| + color: green; |
| + } |
| + |
| + #image-shape { |
| + float: left; |
| + -webkit-shape-outside: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100px' height='100px'><rect width='100' height='40'/><rect y='90' width='100' height='40'/></svg>"); |
|
Zoltan
2013/11/07 02:07:41
We don't use the -webkit- prefix anymore.
|
| + } |
| +</style> |
| +</head> |
| +<body> |
| + <p>The lines of text below should appear to the right of the blue rectangles.</p> |
| + <div id="content"> |
| + <IMG id="image-shape" src="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100px' height='100px' fill='blue'><rect width='100' height='40'/><rect y='60' width='100' height='40'/></svg>"> |
| + One<br>Two<br>Free<br>Four |
| + </div> |
| +</body> |
| +</html> |
