[CSS Shapes] Floats with shape-outside aren't painting in the correct order
[WebKit-https.git] / LayoutTests / csswg / submitted / shapes / shape-outside / shape-outside-floats-rounded-rectangle-004.html
index 6feec2c..04fd695 100644 (file)
@@ -1,29 +1,30 @@
 <!DOCTYPE html>
 <title>CSS Test: rounded rectangle shape-outside on floats with clamped radii values</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://www.w3.org/TR/css-shapes-1/#shape-outside-property">
 <link rel="match" href="shape-outside-floats-rounded-rectangle-004-ref.html">
 <meta name="flags" content="ahem">
 <style>
 .container {
-    font: 10px/1 Ahem, sans-serif;
-    width: 80px;
-    height: 40px;
-    border: 1px solid black;
+    font: 20px/1 Ahem, sans-serif;
+    line-height: 20px;
+    width: 160px;
+    height: 80px;
     margin: 5px;
 }
 .float {
     float: left;
-    width: 40px;
-    height: 40px;
+    width: 80px;
+    height: 80px;
     border: 1px solid blue;
     border-radius: 50%;
 }
 .fixed-units {
-    -webkit-shape-outside: rectangle(0px, 0px, 40px, 40px, 40px, 40px);
+    -webkit-shape-outside: rectangle(0px, 0px, 80px, 80px, 80px, 80px);
 }
 .different-units {
-    -webkit-shape-outside: rectangle(0px, 0px, 40px, 40px, 100%, 100%);
+    -webkit-shape-outside: rectangle(0px, 0px, 80px, 80px, 100%, 100%);
 }
 .relative-units {
     -webkit-shape-outside: rectangle(0px, 0px, 100%, 100%, 700em, 700em);