LayoutTests/fast/regions/shape-inside/shape-inside-on-regions-block-content-polygon-with-adjustment-expected.html - Issue 19865002: [CSS Shapes] Port shape-inside on regions and shape's content overflow from WebKit

Unified Diff: LayoutTests/fast/regions/shape-inside/shape-inside-on-regions-block-content-polygon-with-adjustment-expected.html

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

Patch Set: [CSS Shapes] Port shape-inside on regions and shape's content overflow from WebKit Created 7 years, 5 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View side-by-side diff with in-line comments

Download patch

« no previous file with comments | « LayoutTests/fast/regions/shape-inside/shape-inside-on-regions-block-content-polygon-with-adjustment.html ('k') | LayoutTests/fast/regions/shape-inside/shape-inside-on-regions-expected.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: LayoutTests/fast/regions/shape-inside/shape-inside-on-regions-block-content-polygon-with-adjustment-expected.html

diff --git a/LayoutTests/fast/regions/shape-inside/shape-inside-on-regions-block-content-polygon-with-adjustment-expected.html b/LayoutTests/fast/regions/shape-inside/shape-inside-on-regions-block-content-polygon-with-adjustment-expected.html

new file mode 100644

index 0000000000000000000000000000000000000000..7e9a983826b2fb433669c7b5475ffe54f1ac3ef3

--- /dev/null

+++ b/LayoutTests/fast/regions/shape-inside/shape-inside-on-regions-block-content-polygon-with-adjustment-expected.html

@@ -0,0 +1,46 @@

+<!DOCTYPE html>

+<html>

+<head>

+<script>

+ if (window.internals)

+ window.internals.settings.setCSSExclusionsEnabled(true);

+</script>

+<style>

+ #content {

+ font: 13px Ahem, sans-serif;

+ line-height: 15px;

+ }

+ .region1 {

+ width: 200px;

+ height: 200px;

+ border: 5px solid black;

+ border-top: 10px solid green;

+ border-bottom: 15px solid yellow;

+ margin-top: 10px;

+ }

+ .region2 {

+ width: 400px;

+ height: 400px;

+ border: 15px solid black;

+ border-top: 30px solid green;

+ border-left: 0px; /* FIXME: Content gets extra left offset when there is left-border on the content box: http://webkit.org/b/117573 */

+ margin-top: 10px;

+ -webkit-shape-inside: polygon(30px 30px, 380px 380px, 10px 380px);

+ }

+</style>

+</head>

+<body>

+<div id="content">

+ <div class="region1">

+ The Culture and <p>the Idiran <p>Empire</p> are </p>at war in a galaxy-spanning conflict. Horza, a mercenary

+ </div>

+ <div class="region2">

+ <p>capable of altering his appearance</p>at will <p>(a Changer),</p> is assigned the task of retrieving a dispossessed Culture Mind by his Idiran handlers.

+ </div>

+</div>

+<p style="margin-top: 30px;">Requires Ahem font. There are two regions, there is a polygon shape-inside on the second region. The shape is positioned and it forces the content to be adjusted (pushed down from the top of the shape) inside the shape. The content should fill out the first region and it should fill out the polygon shape on the second region.</p>

+<p>Bug <a href="http://webkit.org/b/117599">117599</a>[CSS Shapes][CSS Regions] Respect bottom positioned shapes and content adjustment inside shapes</p>

+</body>

+</html>