1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/layout/reftests/margin-collapsing/column-sibling-2c-dyn.html Wed Dec 31 06:09:35 2014 +0100 1.3 @@ -0,0 +1,35 @@ 1.4 +<!DOCTYPE html> 1.5 +<html class="reftest-wait"> 1.6 +<head> 1.7 +<style type="text/css"> 1.8 +#multi-column1, #multi-column2, #multi-column3 { 1.9 + -moz-column-count: 1; 1.10 + column-count: 1; 1.11 + height: 20px; 1.12 + background-color: blue; 1.13 +} 1.14 +#multi-column1 { 1.15 + margin-bottom: 20px; 1.16 +} 1.17 +#multi-column2 { 1.18 + display: none; 1.19 + margin: 20px 0; 1.20 +} 1.21 +#multi-column3 { 1.22 + margin-top: 20px; 1.23 +} 1.24 +</style> 1.25 +<script type="text/javascript"> 1.26 +function test() { 1.27 + document.getElementById('multi-column2').style.display = '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="multi-column1"></div> 1.35 +<div id="multi-column2"></div> 1.36 +<div id="multi-column3"></div> 1.37 +</body> 1.38 +</html>