LayoutTests/fast/regions/shape-inside/shape-inside-on-first-region-inline-content.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-first-region-inline-content.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-first-region-block-content-expected.html ('k') | LayoutTests/fast/regions/shape-inside/shape-inside-on-first-region-inline-content-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-first-region-inline-content.html

diff --git a/LayoutTests/fast/regions/shape-inside/shape-inside-on-first-region-inline-content.html b/LayoutTests/fast/regions/shape-inside/shape-inside-on-first-region-inline-content.html

new file mode 100644

index 0000000000000000000000000000000000000000..d4bd98d31f65c33a78261803218b82d96e2849c5

--- /dev/null

+++ b/LayoutTests/fast/regions/shape-inside/shape-inside-on-first-region-inline-content.html

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

+<!DOCTYPE html>

+<html>

+<head>

+<script>

+ if (window.internals)

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

+</script>

+<style>

+ #content {

+ font: 20px Ahem, sans-serif;

+ -webkit-flow-into: flow;

+ }

+ .region {

+ float: left;

+ margin-right: 10px;

+ width: 300px;

+ height: 300px;

+ background-color: yellow;

+ overflow: hidden;

+ border: 1px solid blue;

+ -webkit-flow-from: flow;

+ }

+ #shape_inside {

+ -webkit-shape-inside: rectangle(50px, 0px, 250px, 300px);

+ background-color: orange;

+ }

+</style>

+</head>

+<body>

+<div id="shape_inside" class="region"></div>

+<div class="region" style="float: none"></div>

+<div id="content">

+ Despite the passage of time, Major Quilan still suffers grief and bereavement from the death of his wife, killed during the Chelgrian civil war that resulted from the Culture's

+ interference. 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 the Culture. As part of the plot,

+ his "soulkeeper" (a device normally used to store its owner's personality upon their death) is equipped with both the mind of a long-dead Chelgrian general and a devicethat can

+ transport wormholes connected to weapons caches. Quilan is then sent to Masaq' Orbital, ostensibly to persuade Mahrai Ziller to return to his native Chel but is in reality on a

+ suicide mission to destroy the Orbital's Hub Mind. To protect him from detection at Masaq', Quilan's memory is selectively blanked until he reaches his target.

+</div>

+<p>Requires Ahem font. The inline content 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 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>