LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-circle-005.html - Issue 115253003: Layout support for new circle shape syntax

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Unified Diff: LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-circle-005.html

Issue 115253003: Layout support for new circle shape syntax (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Add misisng test change for animations/interpolation/shape-outside.html Created 7 years 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/shapes/shape-outside-floats/shape-outside-floats-circle-004-expected.html ('k') | LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-circle-005-expected.html » ('j') | Source/core/rendering/style/BasicShapes.h » ('J')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-circle-005.html

diff --git a/LayoutTests/csswg/contributors/adobe/submitted/shapes/shape-outside/shape-outside-floats-circle-001-expected.html b/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-circle-005.html

similarity index 51%

copy from LayoutTests/csswg/contributors/adobe/submitted/shapes/shape-outside/shape-outside-floats-circle-001-expected.html

copy to LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-circle-005.html

index 75c59bf42fda95e6898180a815584455d08c10f0..93f3a94b701e2a2fe2dd39a95a152489e741537b 100644

--- a/LayoutTests/csswg/contributors/adobe/submitted/shapes/shape-outside/shape-outside-floats-circle-001-expected.html

+++ b/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-circle-005.html

@@ -1,9 +1,5 @@

<!DOCTYPE html>

-<title>CSS Reference</title>

-<link rel="author" title="Adobe" href="http://html.adobe.com/">

-<link rel="author" title="Bem Jones-Bey" href="mailto:bjonesbe@adobe.com">

-<link rel="help" href="http://dev.w3.org/csswg/css-shapes-1/#shape-outside-property">

-<meta name="flags" content="ahem">

+<title>Circle shape-outside on floats center set using keywords and offsets</title>

<style>

.container {

font: 40px/1 Ahem, sans-serif;

@@ -17,21 +13,29 @@

}

.circle {

- width: 138px;

+ width: 80px;

height: 40px;

background-color: green;

}

+.circle-right {

+ -webkit-shape-outside: circle(at top 20px left 20px) content-box;

+.circle-left {

+ -webkit-shape-outside: circle(at bottom 20px right 20px) content-box;

</style>

<body>

<p>You should see a green rectangle. You shouldn't see any red.</p>

- <div style="float: left" class="circle"></div>

+ <div style="float: left; margin-right: 40px;" class="circle circle-left"></div>

</div>

-<div style="float: right" class="circle"></div>

+<div style="float: right; margin-left: 40px;" class="circle circle-right"></div>

</div>

</body>