Attachment 370077 Details for Bug 197966 – test case

test case

webkit-flex-bug.html (text/html), 1.13 KB, created by Brian Peiris on 2019-05-16 15:35:51 PDT

(hide)

Description:

Filename:

MIME Type:

Creator: Brian Peiris

Created: 2019-05-16 15:35:51 PDT

Size: 1.13 KB

patch

obsolete

><!DOCTYPE html>
><html>
>  <head>
>    <meta charset="utf-8" />
>    <style>
>      #container,
>      #container div {
>        border: 1px solid black;
>        margin: 4px;
>      }
>      #container {
>        display: flex;
>        flex-direction: column;
>        height: 200px;
>        width: 200px;
>        overflow: auto;
>      }
>      #split {
>        display: flex;
>      }
>      #left,
>      #right {
>        height: 400px;
>      }
>      #info {
>        display: flex;
>        justify-content: center;
>      }
>    </style>
>  </head>
>  <body>
>    <div id="container">
>      <div id="split">
>        <div id="left">left</div>
>        <div id="right">right</div>
>      </div>
>      <div id="info">info</div>
>      <div id="footer">footer</div>
>    </div>
>
>    <div id="logEl"></div>
>    <script>
>      function log() {
>        const div = document.createElement("div");
>        div.textContent = Array.from(arguments).join(" ");
>        logEl.append(div);
>      }
>      log("log:");
>      log("split height:", split.clientHeight);
>      log("info height:", info.clientHeight);
>    </script>
>  </body>
></html>

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <style>
      #container,
      #container div {
        border: 1px solid black;
        margin: 4px;
      }
      #container {
        display: flex;
        flex-direction: column;
        height: 200px;
        width: 200px;
        overflow: auto;
      }
      #split {
        display: flex;
      }
      #left,
      #right {
        height: 400px;
      }
      #info {
        display: flex;
        justify-content: center;
      }
    </style>
  </head>
  <body>
    <div id="container">
      <div id="split">
        <div id="left">left</div>
        <div id="right">right</div>
      </div>
      <div id="info">info</div>
      <div id="footer">footer</div>
    </div>

    <div id="logEl"></div>
    <script>
      function log() {
        const div = document.createElement("div");
        div.textContent = Array.from(arguments).join(" ");
        logEl.append(div);
      }
      log("log:");
      log("split height:", split.clientHeight);
      log("info height:", info.clientHeight);
    </script>
  </body>
</html>

Actions: View

Attachments on bug 197966: 370077 | 370078 | 370079