layout/reftests/w3c-css/received/css-multicol/multicol-span-all-child-002.xht
author Neerja Pancholi <npancholi@mozilla.com>
Wed, 17 Jan 2018 13:34:12 -0800
changeset 454252 6c200b73f15df4c1038ded120eafda67acf05b21
parent 361227 layout/reftests/w3c-css/received/css-multicol-1/multicol-span-all-child-002.xht@90fffe47e10ad9c5c06473dd29739b24348efcb8
permissions -rw-r--r--
Bug 1430939 - Part2:Rename directories in reftests/w3c/received/ to drop version number. r=dholbert MozReview-Commit-ID: ApxSiEnp7Tx

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>CSS Multi-column Layout Test: '-moz-column-span: all' element with block children (complex)</title>
  <link rel="author" title="Opera Software ASA" href="http://www.opera.com/" />
  <link rel="reviewer" title="GĂ©rard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-08-19 -->
  <link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-span" title="6.1. '-moz-column-span'" />
  <link rel="bookmark" title="[css3-multicol] spanning element with only block children" href="http://lists.w3.org/Archives/Public/www-style/2013Aug/0318.html" />
  <link rel="match" href="multicol-span-all-child-002-ref.xht" />
  <meta name="flags" content="may" />
  <meta name="assert" content="This test checks how spanning elements with block children is rendered inside a multi-column element with a set height which is insufficient for rendering both spanning elements entirely. Since available space (height of 8em) is insufficient to render both spanning elements (4 times 4em plus 2em) entirely inside the multi-column element, then UA may treat '-moz-column-span: all' as '-moz-column-span: none'." />
  <style type="text/css"><![CDATA[
  html {background-color: white;}

  body
  {
  background-color: black;
  height: 8em;
  orphans: 1;
  widows: 1;
  width: 10em;

  -moz-column-count: 2;
  -moz-column-gap: 0em;

  /*

  N == 2;

  W == 5em;

  */

  }

  div, p
  {
  font: 1em/1 serif;
  margin-top: 0em;

  -moz-column-span: all;
  }

  span
  {
  color: black;
  display: block;
  height: 4em;
  width: 5em;
  }
  ]]></style>
 </head>

 <body>

  <div>
    <span>FAIL</span>
    <span>FAIL</span>
    <span>FAIL</span>
    <span>FAIL</span>
  </div>

  <p>abc deg ghk mno</p>

  <!--

  Expected results:

  ************************
  |FAIL       |FAIL      |abc deg
  |           |          |ghk mno
  |           |          |
  |           |          |
  |FAIL       |FAIL      |
  |           |          |
  |           |          |
  |           |          |
  ************************

  The test presumes, postulates that
  "abc deg" occupies not more than 5em.

  -->

 </body>
</html>