| <!DOCTYPE html> |
| |
| <style> |
| #regionFlow { |
| border: 4px solid brown; |
| width: 180px; |
| height: 140px; |
| padding: 5px; |
| } |
| |
| #rel { |
| border: 2px solid green; |
| width: 210px; |
| height: 150px; |
| position: relative; |
| left: 30px; |
| top: 20px; |
| padding: 3px; |
| } |
| |
| #static { |
| border: 1px solid magenta; |
| width: 250px; |
| } |
| </style> |
| |
| <body> |
| <a href="https://bugs.webkit.org/show_bug.cgi?id=117120">[CSS Regions] Positioned elements in regions get clipped if they fall outside the region</a> |
| <p>This tests that overflowing borders are properly painted for static-positioned elements inside relative-positioned elements. The test passes if all borders are completely visible and the text <span style="color:brown"><b>THE END</b></span> is visible</p> |
| <div id="regionFlow"> |
| <div id="rel"> |
| <div id="static"> |
| Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <span style="color:brown"><b>THE END</b></span>. |
| </div> |
| </div> |
| </div> |
| </body> |
