<html>
<head>
    <title></title>
    <script type="text/javascript">
        function test()
        {
            document.body.offsetTop;
            var field = document.getElementById('field');
            field.value = "foo";
        }
    </script>
</head>
<body onload="test()">
    <p>
        This is a test for <i><a href="https://bugs.webkit.org/show_bug.cgi?id=9316">http://bugzilla.opendarwin.org/show_bug.cgi?id=9316</a>
        REGRESSION: text field width shrinks on first keystroke</i>.
    </p>
    <hr>
    <div style="position: relative;">
        <input id="field" style="width: 50%; float: left">
    </div>
</body>