| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html style="font-family: ahem; font-size: 10px; -webkit-font-smoothing: none; c
olor: white;"> | 2 <html style="font-family: ahem; font-size: 10px; -webkit-font-smoothing: none; c
olor: white;"> |
| 3 <!-- WebKit bug 82630 - Incorrect placement of new child to table when before ch
ild parent is not |this|. | 3 <!-- WebKit bug 82630 - Incorrect placement of new child to table when before ch
ild parent is not |this|. |
| 4 Test passes if you see 'B' wrapped in a table section between ['A'] and ['C
','D']. --> | 4 Test passes if you see 'B' wrapped in a table section between ['A'] and ['C
','D']. --> |
| 5 <div id="container"> | 5 <div id="container"> |
| 6 <div style="display: table-header-group">Header</div> | 6 <div style="display: table-header-group">Header</div> |
| 7 <div id="div1">A</div> | 7 <div id="div1">A</div> |
| 8 <div id="div2">C</div> | 8 <div id="div2">C</div> |
| 9 <div id="div3">D</div> | 9 <div id="div3">D</div> |
| 10 <div style="display: table-footer-group">Footer</div> | 10 <div style="display: table-footer-group">Footer</div> |
| 11 </div> | 11 </div> |
| 12 <script> | 12 <script> |
| 13 container = document.getElementById('container'); | 13 container = document.getElementById('container'); |
| 14 container.style.display = 'table'; | 14 container.style.display = 'table'; |
| 15 document.body.offsetTop; | 15 document.body.offsetTop; |
| 16 section = document.createElement('div'); | 16 section = document.createElement('div'); |
| 17 section.style.display = 'table-row-group'; | 17 section.style.display = 'table-row-group'; |
| 18 section.appendChild(document.createTextNode('B')); | 18 section.appendChild(document.createTextNode('B')); |
| 19 container.insertBefore(section, document.getElementById('div2')); | 19 container.insertBefore(section, document.getElementById('div2')); |
| 20 </script> | 20 </script> |
| 21 </html> | 21 </html> |
| OLD | NEW |