WebKit scroll state bug

dabblet.css

/**
 * WebKit scroll state bug
 */

​div {
    font: 18px 'trebuchet ms', verdana, helvetica, sans-serif;
}​​​​​​​​​​​​​​​​
.parent {
    height: 200px;
    overflow: hidden;
    padding: 1em;
    background-color: #eee;
}
.child {
    margin-top: .2em;
    background-color: #fff;
}
​

dabblet.html

​<div class="parent">
    <div class="child">
        Tincidunt scelerisque odio. Dictumst, duis etiam, magna ut integer! Etiam in facilisis ac nascetur in.
    </div>
    <div class="child">
Aliquet, porttitor facilisis ut! Porta diam et integer, ut scelerisque! Augue massa aliquam placerat.
    </div>
    <div class="child">
Lacus mid. Tristique. Elit cras lundium? Mid in aliquet tempor pid natoque? Augue pulvinar lectus.
    </div>
    <div class="child">
Sit porttitor et nisi, integer dapibus adipiscing magna? Tristique ac elementum! In purus mus proin.
    </div>
    <div class="child">
Risus porta! Augue lectus scelerisque nisi, adipiscing tincidunt mattis dictumst, eros eu, tincidunt et.
    </div>
</div>​

settings.json

{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}