LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-inset-rounded-large-radius.html - Issue 195793009: [CSS Shapes] inset does not properly clamp large corner radii

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-inset-rounded-large-radius.html

Issue 195793009: [CSS Shapes] inset does not properly clamp large corner radii (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Oops, add tests Created 6 years, 9 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 | « no previous file | LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-inset-rounded-large-radius-expected.html » ('j') | LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-inset-rounded-large-radius-expected.html » ('J')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-inset-rounded-large-radius.html

diff --git a/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-inset-rounded-top-left.html b/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-inset-rounded-large-radius.html

similarity index 62%

copy from LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-inset-rounded-top-left.html

copy to LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-inset-rounded-large-radius.html

index b72d40c9b9be334679c84566b9b5687541902cee..4fdbc749bff2068c90b5b5b7ad4bf45976bebca0 100644

--- a/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-inset-rounded-top-left.html

+++ b/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-inset-rounded-large-radius.html

@@ -11,9 +11,9 @@

.rounded-rect {

width: 320px;

height: 160px;

- border: 1px solid blue;

- border-top-left-radius: 60px 40px;

- -webkit-shape-outside: inset(0px 0px 0px 0px round 60px 0 0 0 / 40px);

+ background-color: blue;

+ border-radius: 200px;

+ -webkit-shape-outside: inset(0px round 200px);

Bem Jones-Bey (adobe) 2014/03/12 17:16:47 You should remove the -webkit prefix, as Blink sup

}

</style>

@@ -28,11 +28,12 @@ X

X

+X

</div>

-Requires Ahem font. There is a 0px size inset applied on the right float with 60px/40px top left radius.

+Requires Ahem font. There is a 0px size inset applied on the right float with 200px radius.

The black squares should trace the left side of the rounded rectangle's blue outline.

-Issue <a href="https://code.google.com/p/chromium/issues/detail?id=338523">338523</a>: [CSS Shapes] Support inset for shape-outside

+Bug <a href="http://webkit.org/b/129726">129726</a>: [CSS Shapes] inset does not properly clamp large corner radii

Bem Jones-Bey (adobe) 2014/03/12 17:16:47 Chromium bug link or remove.

</body>