Untitled

dabblet.css

.popup {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 150px;
	height: 200px;
	border: 1px solid #000;
	overflow: hidden;
}

.myblock {
	display: flex;
	height: 100%;
	flex-direction: column;
}

.input {
	flex-shrink: 0;
	border: 1px solid #F00
}

.scroller {
	flex-grow: 1;
	overflow: auto;
	border: 1px solid #0F0;
}

dabblet.html

<div class="popup">
	<div class="myblock">
		<div class="input">
			<input type="text">
		</div>
		<div class="scroller">
			<p>тут хочу скролл</p>
			<p>тут хочу скролл</p>
			<p>тут хочу скролл</p>
			<p>тут хочу скролл</p>
			<p>тут хочу скролл</p>
			<p>тут хочу скролл</p>
			<p>тут хочу скролл</p>
			<p>тут хочу скролл</p>
			<p>тут хочу скролл</p>
			<p>тут хочу скролл</p>
			<p>тут хочу скролл</p>
			<p>тут хочу скролл</p>
		</div>
	</div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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