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<br/> |
X<br/> |
X<br/> |
X<br/> |
+X<br/> |
X |
</div> |
-<p>Requires Ahem font. There is a 0px size inset applied on the right float with 60px/40px top left radius.<br> |
+<p>Requires Ahem font. There is a 0px size inset applied on the right float with 200px radius.<br> |
The black squares should trace the left side of the rounded rectangle's blue outline.</p> |
-<p>Issue <a href="https://code.google.com/p/chromium/issues/detail?id=338523">338523</a>: [CSS Shapes] Support inset for shape-outside</p> |
+<p>Bug <a href="http://webkit.org/b/129726">129726</a>: [CSS Shapes] inset does not properly clamp large corner radii</p> |
Bem Jones-Bey (adobe)
2014/03/12 17:16:47
Chromium bug link or remove.
|
</body> |