| Index: LayoutTests/fast/shapes/shape-outside-floats/shape-outside-one-pixel.html
|
| diff --git a/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-one-pixel.html b/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-one-pixel.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..551d1ced1d5282de70b66cc927e85687178dc2b2
|
| --- /dev/null
|
| +++ b/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-one-pixel.html
|
| @@ -0,0 +1,31 @@
|
| +<!DOCTYPE html>
|
| +<html>
|
| +<head>
|
| +<style>
|
| + #content {
|
| + font: 50px/1 Ahem, sans-serif;
|
| + -webkit-font-smoothing: antialiased;
|
| + color: green;
|
| + }
|
| + #image-shape {
|
| + float: left;
|
| + shape-outside: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='2px' height='2px'><rect width='1' height='1' fill='blue'/></svg>");
|
| + shape-margin: 500px;
|
| + margin-right: 50px;
|
| + margin-bottom: 50px;
|
| + width: 100px;
|
| + height: 50px;
|
| + }
|
| +</style>
|
| +</head>
|
| +<body>
|
| + <p>The shape-outside in this test is a 2x2 image with only the upper left pixel set. The shape
|
| + element's margin-box is and the the shape-margin is big enough (is greater than 150 * sqrt(2))
|
| + so that the shape-margin boundary extends beyond the margin-box's bounds. The shape-outside boundary
|
| + is clipped to the margin-box, so it's as if the shape-outside was equal to the margin-box.</p>
|
| + <div id="content">
|
| + <div id="image-shape"></div>
|
| + X<br>X
|
| + </div>
|
| +</body>
|
| +</html>
|
|
|
Chromium Code Reviews
Issue 208423003:
[CSS Shapes] clamp RasterShape shapeMargin to reference box size (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master