autofocus to scroll down :)

dabblet.css

/* autofocus to scroll down :)  */
html,body {background: #f06;background: linear-gradient(45deg, #f06, yellow);min-height: 100%;}
body {padding-right:206px;}
div {background:inherit;width:200px;height:200px;margin:0;border:solid;overflow:auto;text-align:center;position:fixed;bottom:0;right:0;}
ul {border-bottom:solid;text-align:left;}
input {width:95%;}

dabblet.html

<div>
<ul>
<li>blabla</li><li>blabla</li>
<li>blabla</li><li>blabla</li>
<li>blabla</li><li>blabla</li>
<li>blabla</li><li>blabla</li>
<li>blabla</li><li>blabla</li>
<li>blabla</li><li>blabla</li>
</ul>
<form method="post" action=""><input type="text" autofocus/><input type="submit" /></div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}