Chromium Code Reviews Chromium Code Reviews
Issue 226373002:
[CSS Shapes] shape-margin in percentage units always computes to 0px (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master| Index: LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-shape-margin-percent.html |
| diff --git a/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-shape-margin-percent.html b/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-shape-margin-percent.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..f80554d0d65684f086875480655b817b5cdd4859 |
| --- /dev/null |
| +++ b/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-shape-margin-percent.html |
| @@ -0,0 +1,43 @@ |
| +<!DOCTYPE html> |
| +<html> |
| + <head> |
| + <title>CSS Test: left float, inset + shape-margin, % units</title> |
| + </head> |
| + <style> |
| + #container { |
| + position: absolute; |
| + left: 25px; |
| + top: 50px; |
| + width: 200px; |
| + height: 200px; |
| + font-family: Ahem; |
| + font-size: 20px; |
| + background-color: red; |
| + color: green; |
| + } |
| + #test-shape { |
| + float: left; |
| + width: 200px; |
| + height: 200px; |
| + -webkit-shape-margin: 10%; |
|
leviw_travelin_and_unemployed
2014/04/11 21:04:17
We don't need these prefixes, right?
|
| + -webkit-shape-outside: inset(40px 100px 40px 0px); |
| + } |
| + #static-shape { |
| + position: absolute; |
| + left: 25px; |
| + width: 100px; |
| + height: 120px; |
| + top: 70px; |
| + border: 20px solid green; |
| + background-color: green; |
| + } |
| + </style> |
| + <body> |
| + <p>The test passes if there is a green square and no red.</p> |
| + <div id="container"> |
| + <div id="test-shape"></div> |
| + XXXXXXXXXX XXXX XXXX XXXX XXXX XXXX XXXX XXXX XXXX XXXXXXXXXX |
| + </div> |
| + <div id="static-shape"></div> |
| + </body> |
| +</html> |
