layout/reftests/pagination/float-clear-001.html
author Ting-Yu Lin <tlin@mozilla.com>
Thu, 05 Sep 2019 21:37:32 +0000
changeset 553274 bb59a0c3716298bd4645885b530d501809715541
parent 32110 ac59a41e7815b553ce69f0548439b3b627f4d07c
child 583908 f2140a50f82b76072d2dec59b9b691be40dccc25
permissions -rw-r--r--
Bug 1308587 Part 2 - Remove -moz prefix for all multi-column properties in testing and css files. r=dholbert This patch is generated by the following script: ``` function remove_column_prefix() { echo "Renaming $1 to $2" find .\ -type f\ ! -path "./obj*"\ ! -path "./.git"\ ! -path "./.hg"\ \( -name "*.html" -or\ -name "*.xhtml" -or\ -name "*.xht" -or\ -name "*.xul" -or\ -name "*.xml" -or\ -name "*.css" \)\ -exec sed -i -e "s/$1/$2/g" "{}" \; } remove_column_prefix "-moz-columns" "columns" remove_column_prefix "-moz-column-width" "column-width" remove_column_prefix "-moz-column-count" "column-count" remove_column_prefix "-moz-column-fill" "column-fill" remove_column_prefix "-moz-column-gap" "column-gap" remove_column_prefix "-moz-column-rule" "column-rule" remove_column_prefix "-moz-column-rule-width" "column-rule-width" remove_column_prefix "-moz-column-rule-color" "column-rule-color" remove_column_prefix "-moz-column-rule-style" "column-rule-style" ``` Note: after running the above script, I reverted one minor change to the file multicol-nested-column-rule-001.xht in the theoretically read-only directory layout/reftests/w3c-css/received/css-multicol/. Differential Revision: https://phabricator.services.mozilla.com/D44870

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<style type="text/css">
.multicol {
  margin: 1em;
  border: solid silver;
  width: 300px;
  column-width: 100px;
  column-gap: 0;
  height: 100px;
}

.float {
  float: right;
  width: 15px;
  background: aqua;
  height: 250px;
}
.L {
  float: left;
}

.container {
  width: 100%;
}

.clear {
  border-bottom: solid orange;
  background: red;
}
</style>

<p>The orange line should be halfway down the third column
(immediately after the end of the aqua lines).

<div class="multicol">
  <div class="container">
    <div class="float L"></div>
    <div class="float R"></div>
    <br clear="all">
  </div>
  <div class="clear">
  </div>
</div>