2 <style type=
"text/css">
3 .firstDivStyle + .secondDivStyle { display: table-footer-group
; }
4 .rubyStyle { position: relative
; }
5 .secondDivStyle { -webkit-appearance: button
; }
6 .posAbsolute { position: absolute
; }
8 <script type=
"text/javascript">
10 testRunner
.notifyDone();
13 document
.getElementById('ruby').innerHTML
= '<audio controls="controls" id="aud" src="blah.ogg" class="posAbsolute"></audio>';
14 height
= document
.body
.clientHeight
; // Force layout
15 document
.body
.removeChild(document
.getElementById('remove')); // Cause anonymous blocks containing 'secondDivStyle' and 'ruby' to be merged
16 document
.getElementById('aud').style
.color
= "blue"; // Force style recalc
17 setTimeout('dumpTest()', 10);
18 if (window
.testRunner
) {
19 testRunner
.waitUntilDone();
20 testRunner
.dumpAsText();
23 window
.onload
= runTest
;
26 PASS, if no exception or crash in debug
27 <div class=
"firstDivStyle"></div>
28 <div class=
"secondDivStyle"></div>
29 <div id=
"remove"></div>
30 <ruby id=
"ruby" class=
"rubyStyle"></ruby>