| Index: LayoutTests/fast/regions/shape-inside/shape-inside-on-first-region-block-content-expected.html
|
| diff --git a/LayoutTests/fast/regions/shape-inside/shape-inside-on-first-region-block-content-expected.html b/LayoutTests/fast/regions/shape-inside/shape-inside-on-first-region-block-content-expected.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..18c13922b36628da4ef06a93f669815228a63c43
|
| --- /dev/null
|
| +++ b/LayoutTests/fast/regions/shape-inside/shape-inside-on-first-region-block-content-expected.html
|
| @@ -0,0 +1,38 @@
|
| +<!DOCTYPE html>
|
| +<html>
|
| +<head>
|
| +<style>
|
| + .region {
|
| + font: 20px Ahem, sans-serif;
|
| + float: left;
|
| + margin-right: 10px;
|
| + width: 300px;
|
| + height: 300px;
|
| + background-color: yellow;
|
| + overflow: hidden;
|
| + border: 1px solid black;
|
| + }
|
| + #shape_inside { background-color: orange; }
|
| + #placeholder {
|
| + float: left;
|
| + width: 50px;
|
| + height: 300px;
|
| + }
|
| +</style>
|
| +</head>
|
| +<body>
|
| +
|
| +<div id="shape_inside" class="region">
|
| + <div id="placeholder"></div>
|
| + <p>Despite the passage</p> of time, Major Quilan still suffers grief and bereavement from the death of his wife, killed during the Chelgrian
|
| +</div>
|
| +<div class="region" style="float: none;">
|
| + civil war that resulted from the Culture's interference.
|
| + <p>Quilan is offered the chance to avenge the lost Chelgrians who died in the civil war and is inducted into a plot to strike back at
|
| +</div>
|
| +
|
| +<p>Requires Ahem font. The block content - contains multiple nested blocks - flows into two regions, a 250x300px rectangle shape-inside property with 50px left offset is applied to the first (orange) region. The content should have a 50px left offset in the orange rectangle and should flow into the second rectangle without any offset.<br/>
|
| +<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