block-in-inline-insert-020.html (1164B)
1 <!DOCTYPE html> 2 <meta name="assert" content="Test inserting an inline child before an OOF in blocks-in-inline"> 3 <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"> 4 <link ref="match" href="block-in-inline-insert-020-ref.html"> 5 <link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org"> 6 <body> 7 <section> 8 <span> 9 <div>1</div> 10 <div class="before" style="position: absolute">3</div> 11 <div> </div> 12 </span> 13 </section> 14 <!-- The OOF was inserted dynamically --> 15 <section> 16 <span> 17 <div>1</div> 18 <div class="beforeoof"> </div> 19 </span> 20 </section> 21 <script> 22 (function () { 23 document.body.offsetTop; 24 for (const before of document.getElementsByClassName('beforeoof')) { 25 const oof = document.createElement('div'); 26 oof.classList.add('before') 27 oof.style.position = 'absolute'; 28 oof.textContent = '3'; 29 before.before(oof); 30 } 31 32 document.body.offsetTop; 33 for (const before of document.getElementsByClassName('before')) { 34 const span = document.createElement('span'); 35 span.textContent = '2'; 36 before.before(span); 37 } 38 })(); 39 </script> 40 </body>