| 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..66976ab241b458f3f4366c2786be9ea6b05a92a4
|
| --- /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;
|
| + 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>");
|
| + }
|
| +</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>
|
|
|
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