| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>[128809][CSS Regions] ASSERT when hovering over region</title> |
| <meta http-equiv="content-type" content="text/html; charset=UTF-8"> |
| <style> |
| #region1, #region2 { |
| -webkit-flow-from: article; |
| float: left; |
| width: 300px; |
| height: 300px; |
| border: 1px solid green; |
| } |
| |
| #region2 { |
| height: auto; |
| } |
| |
| p { |
| margin-top: 0px; |
| } |
| |
| #content { |
| -webkit-flow-into: article; |
| } |
| |
| #breakAfter { |
| -webkit-region-break-after: always; |
| } |
| |
| #marginBefore { |
| margin-top: 200px; |
| } |
| |
| .pass #region1, .pass #region2, .pass #content { |
| display: none; |
| } |
| </style> |
| </head> |
| <body> |
| <div id="region1"></div> |
| <div id="region2"></div> |
| <article id="content"> |
| <p> |
| Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam quo |
| perferendis beatae sequi consequatur neque possimus dicta necessitatibus |
| qui nam. Et obcaecati iusto tempora voluptatum id esse qui commodi |
| illo. |
| </p> |
| <img src="" style="float:right" height="10" width="10"> |
| <p id="breakAfter"> |
| Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam quo |
| perferendis beatae sequi consequatur neque possimus dicta necessitatibus |
| qui nam. Et obcaecati iusto tempora voluptatum id esse qui commodi |
| illo. |
| </p> |
| <p id="marginBefore"> |
| Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam quo |
| perferendis beatae sequi consequatur neque possimus dicta necessitatibus |
| qui nam. Et obcaecati iusto tempora voluptatum id esse qui commodi |
| illo. |
| </p> |
| </article> |
| <div id="console"></div> |
| <script type="text/javascript"> |
| if (window.testRunner) |
| testRunner.dumpAsText(); |
| document.elementFromPoint(350, 100); |
| document.body.className = "pass"; |
| document.getElementById("console").innerText = "PASS"; |
| </script> |
| </body> |
| </html> |
