Scroll problem

dabblet.css

/**
 * Scroll problem
 */

.scroll {
	position: absolute;
	max-height: 200px;
	overflow-y: auto;
	background: #AFF;
}

.item {
	padding: 20px;
	background: #FAF;
}

.item__i {
	width: 100px;
	height: 40px;
	margin-bottom: 10px;
	background: #FFA;
}

dabblet.html

<div class="scroll">
<div>
	<div class="item"><div class="item__i"></div></div>
	<div class="item"><div class="item__i"></div></div>
	<div class="item"><div class="item__i"></div></div>
</div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}