layout/reftests/margin-collapsing/inline-block-sibling-1c-dyn.html

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

mercurial