Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(245)

Unified Diff: LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-inset-rounded-large-radius-expected.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: Remove the explicit inline 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
Index: LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-inset-rounded-large-radius-expected.html
diff --git a/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-inset-rounded-top-left-expected.html b/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-inset-rounded-large-radius-expected.html
similarity index 77%
copy from LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-inset-rounded-top-left-expected.html
copy to LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-inset-rounded-large-radius-expected.html
index 15dab647e34e967f98e7ef85ce67700b86b17bce..cd077a2a84acd2ee1efcec0274034e54b872949d 100644
--- a/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-inset-rounded-top-left-expected.html
+++ b/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-inset-rounded-large-radius-expected.html
@@ -13,8 +13,8 @@
.rounded-rect {
width: 320px;
height: 160px;
- border-top-left-radius: 60px 40px;
- border: 1px solid blue;
+ border-radius: 80px;
+ background-color: blue;
}
#right-rounded-rect-outline {
@@ -42,25 +42,25 @@ X<br/>
X<br/>
X<br/>
X<br/>
+X<br/>
X
</div>
<script src="../resources/rounded-rectangle.js"></script>
<script src="../resources/subpixel-utils.js"></script>
<script>
genRightRoundedRectFloatShapeOutsideRefTest({
- roundedRect: {x: 0, y: 20, width: 322, height: 160, rx: 60, ry: 40},
+ roundedRect: {x: 0, y: 20, width: 320, height: 160, rx: 80, ry: 80},
containerWidth: 500,
containerHeight: 200,
lineHeight: 20,
floatElementClassSuffix: "rounded-rect-float-line",
insertElementIdSuffix: "rounded-rect-outline",
- corner: "upper"
});
</script>
-<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="https://code.google.com/p/chromium/issues/detail?id=351775">351775</a>: [CSS Shapes] inset does not properly clamp large corner radii</p>
</body>
</html>

Powered by Google App Engine
This is Rietveld 408576698