| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta name="viewport" content="width=device-width,minimum-scale=1"> | |
| <title>Positioned Iframe Test Case</title> | |
| <style> | |
| /* Make the outer page scrollable */ | |
| body { | |
| width: 200vw; | |
| height: 200vh; | |
| } | |
| /* Position the iframe in the bottom right quadrant of the viewport */ | |
| iframe { | |
| position: absolute; | |
| width: 50vw; | |
| height: 50vh; | |
| bottom: 20px; | |
| right: 20px; | |
| } | |
| </style> | |
| </head> | |
| <iframe id="iframe"></iframe> | |
| <script> | |
| // Browser tests manually navigate the subframe. For manual reproduction | |
| // locally append ?path=<path-to-file> to the URL. | |
| const params = new URLSearchParams(location.search.substr(1)); | |
| const path = params.get('path'); | |
| if (path) { | |
| document.getElementById('iframe').src = path; | |
| } | |
| </script> | |
| </html> |