Status: PASS | Duration: 5ms | Subtests: 1/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi
/css/css-overflow/overflow-body-propagation-012.html
<!doctype html> <html><head> <meta charset="utf-8"> <title>CSS Test: BODY with overflow:hidden</title> <link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> <link rel="help" href="https://github.com/servo/servo/issues/38799"> <meta name="assert" content="The overflow value that gets propagated to the viewport is the one of the <html>, not the <body>. Therefore, the <body> is able to hide its overflowing contents."> <link rel="match" href="overflow-body-propagation-012-ref.html"> <style> html { overflow: hidden; height: 500px; } body { overflow: hidden; width: 0px; height: 0px; border: solid 200px green; } div { background: red; height: 200px; width: 200px; } </style></head> <body><div></div></body> </html>
/css/css-overflow/overflow-body-propagation-012-ref.html
<!doctype html> <html><head> <meta charset="utf-8"> <title>CSS Reference: BODY with overflow:hidden</title> <link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> <style> div { width: 400px; height: 400px; background: green; } </style></head> <body><div></div></body> </html>