The <body> element box is not growing with the page content #20007

fabricedesre · 2018-02-09T17:30:14Z

Steps to reproduce:

create index.html with this content:

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>Servo</title>
    <style>
        body {
            border: 2px solid orange;
            height: 100%;
        }

        h1 {
            padding: 1em;
            border: 3px solid green;
            font-family: sans-serif;
        }
    </style>
    <script>
        console.log(`Window size is ${window.innerWidth}x${window.innerHeight}`);
        document.addEventListener("DOMContentLoaded", () => {
            console.log("Document loaded.");
        });
    </script>
</head>

<body>
    <h1>Servo!</h1>
    <img src="./resources/servo.png" width="128px" height="128px">
    <ul>
        <li>Un</li>
        <li>Deux</li>
        <li>Trois</li>
        <li>Quatre</li>
        <li>Cinq</li>
        <li>Six</li>
        <li>Spet</li>
        <li>Huit</li>
        <li>Neuf</li>
        <li>Dix</li>
    </ul>
</body>

</html>

Load it in Servo with ./mach run --release -- --resolution=240x320 ./index.html

Expected:

The whole content, including the list is enclosed in the body orange border.

Observed:

The body bounding box is smaller than expected.

fabricedesre added the A-layout/uncategorized label Feb 9, 2018

jdm added the C-has-manual-testcase label Feb 9, 2018

servo / servo

The <body> element box is not growing with the page content #20007

The <body> element box is not growing with the page content #20007

fabricedesre commented Feb 9, 2018

servo / servo

Join GitHub today

The <body> element box is not growing with the page content #20007

The <body> element box is not growing with the page content #20007

Comments

fabricedesre commented Feb 9, 2018