| <!DOCTYPE html> |
| <script src="../../resources/ahem.js"></script> |
| <p>INPUT elements are typically layout roots, so they may be laid out independently from the rest of |
| the tree. Test that multicol doesn't mess up this.</p> |
| <p>Below you should see a hotpink <em>square</em>.</p> |
| <div style="position:absolute; top:121px; width:500px; -webkit-column-count:2; column-fill:auto; height:100px;"> |
| <input id="elm" type="number" value="666" style="width:200px; height:80px; font:80px/1 Ahem; border:none; color:hotpink;"> |
| </div> |
| <script> |
| onload = function() { |
| document.body.offsetTop; |
| document.getElementById("elm").value = "7"; |
| } |
| </script> |