| <!DOCTYPE html> |
| <!-- |
| This test verifies that content is visible when the viewport is larger than the initial containing block. |
| --> |
| <script> |
| internals.settings.setViewportEnabled(true); |
| internals.settings.setViewportMetaEnabled(true); |
| </script> |
| <script src="../../resources/run-after-layout-and-paint.js"></script> |
| <style> |
| ::-webkit-scrollbar { |
| width: 0px; |
| height: 0px; |
| } |
| body { |
| width: 1000px; |
| height: 1000px; |
| margin: 0; |
| } |
| .box { |
| position: absolute; |
| left: 800px; |
| top: 600px; |
| width: 100px; |
| height: 100px; |
| background-color: #8f8; |
| } |
| </style> |
| <meta name="viewport" content="width=800, minimum-scale=0.8, initial-scale=0.8, maximum-scale=1.25"> |
| <div class="box"></div> |
| <script> |
| runAfterLayoutAndPaint(function() {}, true); |
| </script> |