| Index: LayoutTests/fast/regions/shape-inside/shape-inside-on-regions-inline-content-expected.html
|
| diff --git a/LayoutTests/fast/regions/shape-inside/shape-inside-on-regions-inline-content-expected.html b/LayoutTests/fast/regions/shape-inside/shape-inside-on-regions-inline-content-expected.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..107185d3273bdc489280e587f00b5999370c8caa
|
| --- /dev/null
|
| +++ b/LayoutTests/fast/regions/shape-inside/shape-inside-on-regions-inline-content-expected.html
|
| @@ -0,0 +1,57 @@
|
| +<!DOCTYPE HTML>
|
| +<html>
|
| +<head>
|
| + <style>
|
| + #content {
|
| + font: 20px Ahem, sans-serif;
|
| + -webkit-font-smoothing: none;
|
| + }
|
| +
|
| + #region1 {
|
| + width: 180px;
|
| + height: 100px;
|
| + border: 1px solid green;
|
| + margin-top: 10px;
|
| + }
|
| + #region2 {
|
| + width: 300px;
|
| + height: 150px;
|
| + border: 1px solid green;
|
| + margin-top: 60px;
|
| + }
|
| + #region3 {
|
| + width: 300px;
|
| + height: 50px;
|
| + border: 1px solid green;
|
| + margin-top: 60px;
|
| + }
|
| + #placeholder1 {
|
| + float: right;
|
| + width: 60px;
|
| + height: 100px;
|
| + }
|
| + #placeholder2 {
|
| + float: right;
|
| + width: 80px;
|
| + height: 150px;
|
| + }
|
| + </style>
|
| +</head>
|
| +<body>
|
| +<div id="content">
|
| + <div id="region1">
|
| + <div id="placeholder1"></div>
|
| + X X X X X X X X X X X X X X X
|
| + </div>
|
| + <div id="region2">
|
| + <div id="placeholder2"></div>
|
| + X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X
|
| + </div>
|
| + <div id="region3">X X X X X X X X X X X X X X X</div>
|
| +</div>
|
| +
|
| +<p>Requires Ahem font. Two different -shape-inside property are applied to the first and second region. The third region is a simple region without -shape-inside.
|
| + The inline content should flow through the regions and the shape-insides should be applied to the first two regions thus the content should be only 130px wide in the first (original width: 180px) and only 220px wide in the second (original width: 300px) region.</p>
|
| +<p>Bug <a href="http://webkit.org/b/115456">115456</a>: [CSS Regions][CSS Exclusions] Shape-inside on regions should respect region borders and paddings</p>
|
| +</body>
|
| +</html>
|
|
|
Chromium Code Reviews
Issue 19865002:
[CSS Shapes] Port shape-inside on regions and shape's content overflow from WebKit (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master