src/third_party/WebKit/LayoutTests/fast/regions/last-region-border-radius.html

   1 <!doctype html>
   2 <html>
   3     <head>
   4         <style>
   5             #article {
   6                 -webkit-flow-into: flow;
   7                 width: 50px;
   8                 height: 100px;
   9                 background-color: green;
  10             }
  11
  12             #region {
  13                 -webkit-flow-from: flow;
  14                 width: 50px;
  15                 height: 50px;
  16                 border: 5px solid blue;
  17                 border-radius: 10px;
  18                 position: absolute;
  19                 top: 100px;
  20                 left: 50px;
  21             }
  22
  23             #redBox {
  24                 width: 50px;
  25                 height: 30px;
  26                 background-color: red;
  27                 position: absolute;
  28                 top: 175px;
  29                 left: 55px;
  30             }
  31         </style>
  32     </head>
  33     <body>
  34         <p>Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=103684"> [CSS Regions] border-radius on a region causes overflow to be hidden</a>.</p>
  35         <p>On success, you should not see any red below.</p>
  36         <div id="article"></div>
  37         <div id="redBox"></div>
  38         <div id="region"></div>
  39     </body>
  40 </html>