layout/reftests/margin-collapsing/block-sibling-2-dyn.html

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/layout/reftests/margin-collapsing/block-sibling-2-dyn.html	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,40 @@
     1.4 +<!DOCTYPE html>
     1.5 +<html class="reftest-wait">
     1.6 +<head>
     1.7 +<style type="text/css">
     1.8 +#sibling1 {
     1.9 + height: 20px;
    1.10 + background-color: red;
    1.11 + margin-bottom: 20px;
    1.12 +}
    1.13 +#sibling2 {
    1.14 + display: none;
    1.15 + height: 20px;
    1.16 + background-color: blue;
    1.17 + margin-top: 10px;
    1.18 + margin-bottom: 10px;
    1.19 + position: relative;
    1.20 + top: 40px;
    1.21 +}
    1.22 +#sibling3 {
    1.23 + height: 20px;
    1.24 + background-color: green;
    1.25 + margin-top: 20px;
    1.26 + position: relative;
    1.27 + top: -40px;
    1.28 +}
    1.29 +</style>
    1.30 +<script type="text/javascript">
    1.31 +function test() {
    1.32 + document.getElementById('sibling2').style.display = 'block';
    1.33 + document.documentElement.removeAttribute('class');
    1.34 +}
    1.35 +document.addEventListener('MozReftestInvalidate', test, false);
    1.36 +</script>
    1.37 +</head>
    1.38 +<body>
    1.39 +<div id="sibling1"></div>
    1.40 +<div id="sibling2"></div>
    1.41 +<div id="sibling3"></div>
    1.42 +</body>
    1.43 +</html>

mercurial